- 博客(15)
- 收藏
- 关注
原创 vue通过this.$options.data()重置data中部分数据
重置方法:Object.assign(this.$data.deviceForm, this.$options.data.call(this).deviceForm)错误原因:data数据中用到了this,调用this.$options.data()方法时this指向出现了不一致。报错:"TypeError: this.$t is not a function"解决方法:人为更改this指向,this.$options.data.
2023-08-21 18:21:08
570
1
原创 使用el-cascader注意事项
使用expand-change去获取父节点,当直接选中节点值时并不会触发expand-change事件,这样就获取不到相应的父节点。解决方法:将change事件和el-cascader自带的方法getCheckedNodes搭配使用即可。
2023-06-26 11:04:41
637
1
原创 vue2 同时校验多个表单以及表单校验失败原因分析及解决
无论真假都会渲染,这样就解决了问题,但是这样可能带来性能问题,看项目需要吧,我项目中并没有明确的要求,如果非得用v-if,那就考虑其他方法,期待有其他解决方法的大佬指点。图中可以得出,通过this.$refs并不能拿到该组件示例,其对应的值是undefined,查看官方文档,官方给出的结论是。,换而言之,如果初始未渲染该组件,通过状态数据改变再进行渲染,那得到的值就是undefined,而不是实时的组件实例或DOM。表单校验失败,打印this.$refs得到如下结果。
2023-06-20 17:34:25
1278
原创 el-select 回显是value值
排查后是由于dataType是Number类型,而value值对应的是字符串,只需加上v-bind即:即可。
2023-06-14 15:41:27
1155
4
原创 Error in v-on handler: “TypeError: Cannot read properties of null (reading ‘messageName‘)
表单通过 :model绑定的对象里缺少messageName属性导致。
2023-06-05 08:57:12
822
1
原创 vue2项目国际化
4.在模板字符串中只需在外层加`${his. $t('message.acount')}`即可。2、在src目录下新建文件夹lang,并在lang文件夹新建en.js/zh.js和index.js。3.绑定到属性上时::label="$t('message.acount')"1.在模板中:{{ $t('message.acount') }}2.在js中:this. $t('message.acount')1、下包,下包时最好指定版本,有的版本和node不兼容,这里我使用的是8的大版本。
2023-05-25 16:41:45
807
1
原创 elment-ui el-image 设置initial-index失效 导致无法改变图片预览顺序
【代码】elment-ui el-image 设置initial-index失效 导致无法改变图片预览顺序。
2023-05-05 17:49:47
1059
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人