文章 2023-08-03 来自:开发者社区

Vue 使用 mockjs (返回数据、get、post 请求)

1、安装 mockjs、axios(一般默认自带,没有就安装下)附:mockjs 官网、mockjs-github$ npm install mockjs # axios 一般默认自带 $ npm install axios2、启动项目# 根据项目环境运行对应的启动命令 $ npm run dev $ npm run serve3、创建 mockjs 文件1)在 src 目录下手动创建 /src....

Vue 使用 mockjs (返回数据、get、post 请求)
文章 2023-08-02 来自:开发者社区

Vue 上拉加载更多,内容不够一屏自动加载更多数据...

DZMRefresh-Vue支持不够一屏数据自动进入加载,窗口变化内容不够自动进入加载,默认不开启。支持元素 slot 自定义。

Vue 上拉加载更多,内容不够一屏自动加载更多数据...
文章 2023-08-02 来自:开发者社区

​​【面试题】后端返回十万条数据前端怎么处理?vue实现虚拟列表

一.前言 想必大家在面试的时候会经常被问到后端一下返回十万条数据前端怎么进行处理,二面问。这是一个有关项目优化的问题。前面我写了一篇关于时间分片(数据分割)和滚动触底加载的文章,在这我就不写了,感兴趣的大家可以去看看,有源码,很详细。 二.为嘛这个面试题的答案是虚拟列表? 首先遇到这种大数据处理,肯定想到的是数据懒加载,那就是虚拟列表、时间分片、滚动加载,当然最常用的方法是分页,但是产品经...

​​【面试题】后端返回十万条数据前端怎么处理?vue实现虚拟列表
文章 2023-08-01 来自:开发者社区

Vue3使用xlsx导出表格时获取不到最新数据

可以使用nextTick来解决这个问题原因分析如果是再导出时更改了表格的数据,那么就造成表格的dom还没更新完毕这时导出就已经开始了,所以xlsx获取到的表格渲染的还是数据更新前的状态,导出的excel表格也是更新前的数据解决方法import {nextTick} from 'vue' const exportExcel= async () =>{ //在nextTick之前更...

文章 2023-08-01 来自:开发者社区

Vue 自定义组件实现 v-model 数据双向绑定

一、简介通常在开发的时候,随处使用到 v-model 进行数据双向绑定<input v-model="name">等价于<input :value="name" @input="value = arguments[0]">这里通过 计算属性 的 get() 、 set() 实现数据的双向绑定1、组件内部可以接收并同步父组件传入的 value 值2、组件内部可以在该双向绑定....

Vue 自定义组件实现 v-model 数据双向绑定
文章 2023-08-01 来自:开发者社区

Vue Antdv 列表(table、list)自定义空数据状态UI

列表数据为空的时候,需要更换空数据状态UI,官方文档给的提示是:只能看到 locale 可以传 object,默认值 emptyText: '暂无数据'。怎么才能自定义图片跟文案呢?1、在列表对象上绑定 locale2、自定义一个 Vue 组件,正常封装组件即可,这个组件导入到指定页面,不需要加入到 components 中声明。3、将组件直接写到 emptyText 里面作为 value,组件....

Vue Antdv 列表(table、list)自定义空数据状态UI
文章 2023-07-29 来自:开发者社区

Vue.js与后端交互:构建动态数据应用的完美指南(下)

下面是一个示例,展示如何使用异步更新机制:// 在实例中使用$nextTick方法 new Vue({ data() { return { message: 'Hello, Vue!' }; }, methods: { updateMessage() { this.message = 'Updated message'; // 更新数据 ...

文章 2023-07-29 来自:开发者社区

Vue.js与后端交互:构建动态数据应用的完美指南(上)

1. 介绍1.1 Vue.js与后端交互的重要性Vue.js是一流行的JavaScript框架,用于构建用户面。它提供了一种洁而灵活的方式来处理前端开,并且能够轻松与后端进行交互。现代Web应程序中,与后端API进行互是至关重的,因为它允前端应用程序获取发送数据,以及执行其他与服务器通信相关的操作。1.2 概述Vue.js和后端API的本原理Vue.js通过使用其核心库和相关插件,使得与后端AP....

Vue.js与后端交互:构建动态数据应用的完美指南(上)
文章 2023-07-29 来自:开发者社区

Vue.js与后端交互:构建动态数据应用的完美指南(中)

发送DELETE请求:/import axios from 'axios'; axios.delete('https://api.example.com/users/1') .then(response => { // 请求成功时的处理逻辑 console.log(response.data); }) .catch(error => { // 请求...

文章 2023-07-29 来自:开发者社区

39-Vue之实现表格首列相同数据合并

前言本篇来学习下table表格中合并首列相同数据的实现方法表格首列相同数据合并1. 添加文件src/views 下新建mergeCell.vue文件,代码如下:<template> <div id="app"> <el-table :data="tableData" :span-method="(param...

39-Vue之实现表格首列相同数据合并

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注