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

vue3循环套循环渲染数据(v-for)

我们拿一组数据来讲一下:这条数据的一维名是arr  <div class="pl" v-for="(item, index) in arr" :key="index"> <img class="pic" :src="item.headimg"> <div> ...

vue3循环套循环渲染数据(v-for)
文章 2023-07-10 来自:开发者社区

vue:前端json数据 导出excel(Export2Excel)

一、背景:导出的功能,通常后端处理好,前端直接通过地址进行下载即可,能不能是前端直接自己导出json文件,形成excel呢,当然可以。二、实现步骤:2.1、安装三个插件,分别是:file-saver、 xlsx、script-loadernpm install -S file-saver xlsxnpm install -D script-loader2.2、utils目录下创建文件2.3、Ex....

vue:前端json数据 导出excel(Export2Excel)
文章 2023-07-10 来自:开发者社区

vue: 解决页面数据不渲染问题

一、this.$forceUpdate()原理:// 作用:迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。 // 实例需要重新渲染是在依赖发生变化的时候会通知watcher,然后通知watcher来调用update方法,就是这么简单。 Vue.prototype.$forceUpdate = function () { const vm: C...

vue: 解决页面数据不渲染问题
文章 2023-06-29 来自:开发者社区

element plus + vue3表单第一次数据未清空的bug问题解决

使用框架:element Plus + vue3场景描述:场景一:表单的添加和修改功能,公用同一个弹框,点击修改后,点击添加表单显示的是上次修改的数据。场景二:点击修改,数据回显到表单,然后点击取消关闭弹框,在关闭的时候使用resetFields()清空数据,第二次点击修改的时候,回显的数据可以清空,但是表单的值会默认到第一次回显的数据。而且点击添加的时候,默认展示的就是第一次回显的数据。官方提....

element plus + vue3表单第一次数据未清空的bug问题解决
文章 2023-06-28 来自:开发者社区

【三十天精通Vue 3】第二十九天 Vue 3中的Mock数据模拟详解

引言在前后端分离的开发模式中,前端开发人员在进行接口开发之前,需要等待后端相应的接口数据,这样会导致前端的开发进度受到很大限制。为了解决这个问题,我们可以使用Mock数据模拟工具来模拟后端接口数据,加速前端开发效率。本文将介绍如何使用Vue3和Mock.js来进行Mock数据模拟,并提供详细的代码示例。一、Mock数据模拟的概述1.1 为什么需要Mock数据模拟?在开发过程中,由于后端接口可能尚....

文章 2023-06-28 来自:开发者社区

【三十天精通Vue 3】第二十五天 Vue3 与 Axios 后端数据交互

引言Axios是一个流行的基于Promise的HTTP客户端,它可以在浏览器和Node.js中使用。Vue.js是一个流行的JavaScript框架,它提供了一套易于使用的API和工具来构建交互式UI。在Vue.js中使用Axios可以轻松地与服务器通信并获取数据。本篇文章将介绍如何在Vue3中使用Axios进行HTTP请求,并详细介绍Axios的安装、基本使用、配置项、拦截器、并发请求和取消请....

文章 2023-06-23 来自:开发者社区

在vue中使用Axios技术实现服务器数据显示

引言本次将在vue中使用axios的get方法实现API数据的显示。一、问题在一个实践项目中,要创建一个网站就需要引入服务器数据,本次将一步步的实现vue中使用get请求来显示服务器的数据显示。二、方法1.第一步,在vue项目中安装axios,在其目录终端中输入 npm install axios -S,电脑将自动下载axios的相关包,安装完成后检查package.json,看是否在depen....

在vue中使用Axios技术实现服务器数据显示
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——60.vuex多组件共享数据、61.vuex模块化+命名空间

60 vuex多组件共享数据现在只有一个组件,下面新增一个组件,并且把通用数据源保存再store的state里面,进行数据共享接下来是人员组件新增的逻辑接下来是组件数据交互的逻辑使用vuex进行组件之间的通信其实和props差不多61 vuex模块化+命名空间目的:让代码更好维护,让多种数据分类更加明确。暂过

Vue(Vue2+Vue3)——60.vuex多组件共享数据、61.vuex模块化+命名空间
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——18.收集表单数据

18 收集表单数据使用vue中的v-model收集表单里面的数据,不同的表单元素配合v-model会有不同的写法和技巧本次的表单元素包括:文本框,单选,多选,下拉框,文本域18.1 编写表单元素首先编写表单元素,包括:文本框,单选,多选,下拉框,文本域input输入框细节这里有一个细节(小技巧):表单编写input输入框的时候,通常会配合label标签使用并加上相关的css或或者js,这样会让界....

Vue(Vue2+Vue3)——18.收集表单数据
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——9.数据代理

9 数据代理想要学习vue的数据代理,首先需要知道Object.defineProperty方法,vue的数据劫持,数据代理,计算属性都要到了这个方法9.1 Object.defineProperty方法顾名思义,就是给对象定义添加属性首先看一段简单的代码,简单定一个person对象<!DOCTYPE html> <html> <head> <m...

Vue(Vue2+Vue3)——9.数据代理

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

阿里巴巴终端技术

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

+关注