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 修改小箭头样式
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
substr与substring区别 substr会改变字符串本身,substring不会改变字符串
vue的component标签用法
<component is=""></component>
注意:
- is赋值一定是data中定义的变量,不能使用组件名,不然会报错。
- 变量名的值是组件名。
- 组件一定要注册。