猿吟鹤唳本无意,不知下有行人行

vue elementUI项目中遇到的问题整理ing

1、本地json数据调用

①思路:有直接调用路径的方式

②思路:可以在export JS文件中建立变量,然后在VUE页面文件中export。之后设置为变量值。

例如新建一个表单里面的,国家货币,数据选项调用本地json货币数据

expor JS文件中 定义数组

vue页面中,先导入,再引用变量
<el-select v-model=”form.currency” filterable placeholder=”货币类型” class=”inputW”>
<el-option v-for=”money in moneys” :key=”money” :label=”money.label” :value=”money.value“>
</el-option>
</el-select>

moneys:数据池

money.label:选项展示数据

money.value:传入后台数据

2、select for循环option,报错“Avoid using non-primitive value as key, use string/number value instead.”

<el-select v-model=”form.Name” filterable placeholder=”供应商销售层”>
<el-option v-for=”carrier in carriers” :key=”carrier.id” :label=”carrier.name” :value=”carrier.id”>
</el-option>
</el-select>

key:设置时候,选择value内值

Vue在渲染元素时,处于效率考虑,会尽可能的复用已有的元素而非重新渲染。如以下举例,虽DOM变了,但是之前输入的内容并没有改变,说明被复用了,使用vue提供的key属性,可以让你I及决定是否要复用元素,key值必须是唯一的。

https://blog.csdn.net/xukongjing1/article/details/81587549

https://blog.csdn.net/wangjiaohome/article/details/79865575

3、[Vue warn]: Invalid prop: custom validator check failed for prop “name”. 
(found in component <icon> at /var/www/html/vueApp/node_modules/vue-awesome/components/Icon.vue)

查询是否有icon名字写错!

发表评论

您的电子邮箱地址不会被公开。