![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
wendycwb
这个作者很懒,什么都没留下…
展开
-
关于yarn安装时报“node“ is incompatible with this module的解决办法
yarn 安装时报错The engine "node" is incompatible with this module. Expected version "^14.18.0 || ^16.14.0 || >=18.0.0". Got "17.9.0"的解决办法原创 2023-08-28 11:26:48 · 1113 阅读 · 0 评论 -
pc端VUE实现一键复制内容功能
pc端vue如何实现一键复制粘贴内容功能,当我点击复制按钮时,会提示“复制成功”,这样复制的内容就可以在其他地方使用。原创 2023-01-05 10:52:21 · 443 阅读 · 0 评论 -
element cascade动态加载与回显问题
element cascade动态加载与回显问题原创 2021-12-22 13:25:04 · 528 阅读 · 0 评论 -
Vue动态生成el-checkbox点击无法选中的解决方法
最近遇到一个问题,在动态生成的多选框当我设置了默认值,进来之后无法修改,不能取消也不能选中其他的选项,数据绑定是用的v-model后来发现,再现这个问题的原因是当我点击编辑时,是这样赋值的:而这个row里面没有字段channelPurposes,所以导致dialogForm里面字段缺失,即使是我单独加上这个也不行,于是,将如上赋值改成下面这种方式就可以了改成这样问题解决了,可以自如...原创 2019-07-05 14:01:47 · 14963 阅读 · 1 评论 -
vue 遍历对象并动态绑定在下拉列表中
从后台获取到的数据是一个对象,如:var ssData = { 1: ‘苹果’, 2: ‘香蕉’ , 3 : ‘橙子’ }前端要动态绑定到一个下拉选择框中,遍历数组方便,那遍历对象呢,如何才能正确显示他的key, value呢,代码如下:<el-select clearable v-model=“addform.ddd” placeholder=“请选择” @change=“c...原创 2019-06-05 08:49:59 · 5723 阅读 · 1 评论 -
element ui 弹窗在IE11中关闭时闪现问题修复
最近在项目中使用el-dialog ,在其他浏览器中都可以正常关闭,但在ie11中,点击关闭时它会闪现一下弹窗内容再关闭,最后的解决办法是:在全局样式中加一句这个,这样在ie中关闭弹窗时就没有动画了,问题解决.el-dialog__wrapper{&.dialog-fade-leave-active{-ms-animation:none;}}记录一下……...原创 2019-06-05 08:39:58 · 2398 阅读 · 0 评论 -
vue前端导出功能在ie11中的兼容问题解决
在用vue做前端开发时,需要对列表加一个导出功能,如下写法,没有else里面的,在ie之外的浏览器都可以正常导出,可是在ie里却没有反应,后来加上else 里面这句即可以了。代码是这样的:expor(this.exportDatas).then(res => {const blob = new Blob([res.data])const fileName = ‘某表.xls’if...原创 2019-04-10 10:01:39 · 4675 阅读 · 3 评论 -
关于前端页面展示图片展示时改变方向的解决办法
最近在做项目时发现在手机端上传的照片,后端传给web前端展示时改变了方向,本来的图片是这样的:页面中展示的图片是这样的:后来发现在图片地址中加上这句即可:?x-oss-process=image/auto-orient,1我这里需要展示的图片比较多,所以前端加会非常麻烦,直接让后端的加即可。记录一下,免得忘记了。...原创 2019-04-10 09:51:28 · 2152 阅读 · 0 评论 -
解决vue路由跳转到同一页面的刷新问题
问题描述:当我使用路由跳转页面时,如果页面跳转是同一个路由,传递的参数不同时,页面不刷新,如下图:待收定金和待收首款其实跳转的是同一个组件 ,只是他们传递的参数不同而已。当我使用路由进行跳转时,我发现第一次是可以正确跳转的,比如我当前在其他页面,当我点击一个“待收定金”他可以正常的跳转到指定组件去,此时当我再点击“待收首款”时,页面不刷新,还是之前的数据,查了很多资料也没找到合适的解决办法。...原创 2019-03-18 15:02:48 · 19815 阅读 · 7 评论 -
解决vue页面的定时刷新问题
背景描述:我使用的是vue+element 开发系统,在页面上有一个系统消息,这个消息的数量随时可能发生变化的,比如我已经看了某一条,那这个未读消息数量就应该减少。于是,这个时候我们就要使用setInterval()了。那么我们应该把定时刷新放在什么位置什么时候触发什么时候清除呢?这就需要我们了解vue的生命周期。贴下我的代码供参考:另外,我在查阅资料时看到有这样情况的,我也展示出来...原创 2019-03-21 11:50:09 · 4529 阅读 · 1 评论 -
解决 vue-element-admin在IE中打开空白的问题
vue在兼容IE的时候打开一直显示空白并报错,在IE11中也是打开空白报错,网上看了许多方法都试了也不行,后来发现原来是最后一步的配置错了,咦,桑心的,现在记录一下全过程,供参考:解决办法如下 :1.首先安装babel-polyfill依赖 npm install --save-dev babel-polyfill2.进入项目入口文件 main.js 导入 import “b...原创 2019-03-19 15:05:54 · 6669 阅读 · 9 评论 -
在vue项目中 form表单 校验保留小数点后两位
在项目中要求输入金额时只保留小数点后两位,如下图:在vue项目中使用的是form表单,需要添加自定义校验规则,用正则如下:var isPriceVlidator= (rule, value, callback) => {var pattern = /^\d+.?\d{0,2}$/;if(value > 214748){return callback(new Error(...原创 2019-03-08 15:48:42 · 8968 阅读 · 1 评论 -
JavaScript手机号码格式(正则表达式验证)支持最新电信199移动198联通166
最近公司项目需要对手机号进行校验,于是使用了“ /^1[34578]\d{9}$/ ”这个正则进行校验,后来测试提出当输入199开头的手机号时校验不通过,于是发现原来各大运营商新增加了一些新的手机号段。以下为截止2018年1月各大运营商已知手机号码号段:更新时间2018年1月11日移动号段:134 135 136 137 138 139 147 148 150 151 152 157 ...原创 2019-02-26 14:55:16 · 2685 阅读 · 1 评论 -
关于resetFields重置表单至初始状态的问题
之前在项目遇到一个问题:当我点击第一行数据的“修改”后会弹窗,当我在弹窗中点“确定”按钮后,页面总是会闪现第一次点的那行数据,后来发现我是用了form表单中的resetFields这个方法,当初用这个方法是想移除校验,但没注意到他会将其置为初始值。后来取消使用这个方法,然后改成下面这个专门移除校验的方法就可以解决问题了,如下 :好了问题完美解决了,现在页面不再会闪现上一次出现...原创 2019-01-31 16:41:38 · 4649 阅读 · 3 评论 -
vue里嵌套对象渲染报错的解决方法
在页面渲染时,我的数据是嵌套的对象,如下图:页面运行时可以正常显示,可是可以看到控制台还是会报错,如下图:最后发现只需在页面显示时加一个判断就不会再报错了,如下图:...原创 2019-01-04 11:42:41 · 6956 阅读 · 4 评论 -
vue 引用组件报错——找不到组件的解决方案
vue在开发页面时引用组件报错在使用vue开发页面时报如下错,到处找问题,components的注入也是写正确的后来才发现是这里引入写错了,引入组件不能写{}改成下面这种就可以了记录下工作中的坑~...原创 2018-11-30 21:12:15 · 19212 阅读 · 2 评论 -
vuejs - 如何对某个对象的属性进行watch监听?
监听对象中属性的两种方法:方法一: 用计算属性:方法二:直接在watch里面监听对象属性:以上两种方法就可以轻松实现对监听对象的属性变化情况,根据属性的变化情况,然后就可以展开自己的想象,做想要的功能啦…………...原创 2018-12-04 15:21:49 · 2309 阅读 · 0 评论 -
axios 怎么传数组给后端
前端如何给传数组参数给后端:直接用数组方法传会报如下错误后来用qs序列化后可以传过去,但qs需要先引用,我与后端约定用这种格式传递虽然成功了,但其实并不是我想要的方式,对于前端怎样给后端传递一个包含对象的数组还在研究中。谁有好的办法,求分享!!...原创 2018-12-04 14:45:13 · 4984 阅读 · 1 评论