知识点

123 阅读2分钟

str.startsWith("str")匹配字串开头是否匹配返回Boolean

// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); const originalPush = VueRouter.prototype.push; VueRouter.prototype.push = function push(location) {  return originalPush.call(this, location).catch(function (err) { console.log(err); }); };

// 在vue中使用 异步任务使用.then微任务进行异步结束后的才做,再同步进行数据更改 // vu不支持这种操作后数据的双向绑定,数据更新页面没有变化 // 使用async 、 await 来改异步为同步 // 同步数据更改使用this.$set(obj, key, value)

不同步改变 api().then(res => { let obj = res.data }) obj() { obj.a = 2; }

同步改变 async api() { let obj = await api() } obj() { this.$set(obj, a, 2)
}

// vue渲染时数据对象里面的子对象的属性报错undefined,但页面正常渲染。 // vue渲染机制中:异步数据先显示初始数据,再显示带数据的数据

所以在渲染时,会出现的三层表达式在最外层对象中取数组中的某个对象还不存在,再在这个对象中取其他值自然会报错,但是渲染完成后,info中的值加载好了,自然可以取到,这也就解释了为什么界面正常显示,但开发者工具会报错的原因

el-input输入一个字符,失去焦点光标问题 检查所绑定的key值是否与el-input中的v-model所绑定的值是同一个值,或者检查key是否是动态发生了改变。

element组件库## Tooltip提示信息(table与selector同理)F12元素,最外层,找到自己要修改的tip 修改小箭头样式

image.png

element——select组件多选回显问题

在node>element-ui>packages>select>src>select.vue文件copy getOption函数放到回显有问题的文件里将const label = (!isObject && !isNull && !isUndefined)? String(value) :'';改成let label = ''; if (!isObject) { label = !isNull && !isUndefined ? value : ''; } else { label = value.name || ''; } 注意getValueByPath这是一个方法,也要copy过来 node>element-ui>src>util>util.js

image.png

image.png

substr与substring区别 substr会改变字符串本身,substring不会改变字符串

vue的component标签用法
<component is=""></component>
注意:

  • is赋值一定是data中定义的变量,不能使用组件名,不然会报错。
  • 变量名的值是组件名。
  • 组件一定要注册。