vant、element组件库
王拾羽
这个作者很懒,什么都没留下…
展开
-
处理select选择器回显数据后dom元素无法操作问题
问题描述:使用element组件库中的el-select组件处理数据,在项目中有个编辑操作,已经实现在编辑时给v-model绑定的数组重新赋值,这样多选框能实现回显数据。去掉原来的或者勾选新的都不可以。原因这里的下拉框我采用的是若依的数据字典循环取值,因为数据层次太多,render函数没有自动更新,需手动强制刷新。系统:vue的若依系统解决办法一:给select组件添加@change="$forceUpdate()"方法<el-select v-model="userForm.原创 2021-07-02 17:11:29 · 518 阅读 · 2 评论 -
Vue实现前端本地打包为一个zip文件
1、应用场景:打包下载的批量二维码图片2、实际后端返回数据格式:图片联机数组集合,每个图片链接打开都是一张二维码图片3、代码实现如下:元素代码<el-button type="primary" icon="el-icon-download" size="mini" @click="downloadCode"> 下载二维码</el-button>js代码第一步安装依赖包原创 2021-07-02 10:19:58 · 1062 阅读 · 0 评论 -
前端根据不同的状态码使盒子展示不同的背景色、字体色、图标功能实现
一、前言/背景数据后端返回的详情对象内部有status四个状态1:待提交,2:待审核,3:已审核 4:已撤销二、场景根据不同的状态判断,页面展示不同的背景色、字体色、图标三、实现方案js实现代码: data() { return { // 顶部动态展示数据 headerData: { // 待提交 1: { bgc: "#EEF7FF", color: "#51A6FF",原创 2021-06-22 15:54:58 · 1982 阅读 · 0 评论 -
解决A页传到B页数据,在B页刷新后数据丢失问题
解决列表页传到详情页数据,在详情页刷新后丢失问题列表页面数据传参handleOpt(index, row) { this.$router.push({ name: "WorkDetail", params: { wid: row.wid } }); }详情页面接受参数为了让created(){}生命周期函数内部数据整洁,我们将获取前一页传过来的数据定义到一个函数内部,并将这个函数在created函数原创 2020-05-18 16:25:25 · 558 阅读 · 0 评论