关于iview中[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.影响性能的问题
来源:互联网 发布:ubuntu wifi 编辑:程序博客网 时间:2024/06/06 01:10
刚开始使用某种框架或者技术都是自己挖坑自己跳,坑挖的不亦乐乎,跳进去的时候毫不知情,等到真的发现要出坑,才会哭笑不得。。。。
比如这个看是很小的问题,当初赶项目不求甚解,,,以为只是个简单的warn,不会影响啥;到头来才发现这么个小小的warn居然让用户体验达到了令人发指的程度。。。。
哎,记住这次教训,页面上尽量达到一个错误提示都不要报才是对自己好~
好了,讲讲问题:
代码是这样的,一个下拉框,选中下拉框中的数据,页面其他位置的数据发生相应变化(需求相当简单)
<Selectv-if="showTemplateSelection=='-1'" @on-change="getTemplateData"v-model="templateid"style="width:200px;">
<Optionv-for="itemin cardTypeVoList" :value="item.cardTypeId" :key="item">{{item.cardTypeName }}</Option>
</Select>
正确写法应该是:
:key="item.cardTypeName"
:key相当于是索引的作用,提高循环性能,如果循环量较小,不写也可以的。好了,分享到此结束。。。所谓细节决定成败,看来还是不细心啊~哈哈
阅读全文
0 0
- 关于iview中[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.影响性能的问题
- 问题归纳(1) Avoid using "px" as units; use "dp" instead
- Avoid using "px" as units; use "dp" instead
- Avoid using "px" as units; use "dp" instead
- Avoid using "px" as units; use "dp" instead
- [Vue warn]: Avoid mutating a prop directly since the value will be overwritten
- WARN conf.Configuration: mapred.output.value.class is deprecated. Instead, use mapreduce.job.output.
- Using Key-Value Programming
- key-value的topK问题
- 报错 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the paren
- 面试中关于key/value的问题及map的理解
- C#中Dictionary<Key,Value>中[]操作的效率问题
- 关于MapReduce框架中Key-Value对象的重用
- 在javascript中Cannot convert object to primitive value的问题
- 关于Cannot use a scalar value as an array的解决办法
- 关于Cannot use a scalar value as an array的解决办法
- Java 中关于 unsaved-value 的问题
- 修改Map中确定key对应的value问题
- IntelliJ IDEA 2016.1.3激活IntelliJ IDEA 2016.1.3
- 日常小结篇-实体类用基本数据类型还是包装类型
- NLPN-Gram自然语言处理模糊匹配编辑距离
- Python学习_for_自动化运维(转)
- 创建和读取cookie的方法
- 关于iview中[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.影响性能的问题
- [LeetCode]217. Contains Duplicate
- 中介者模式
- intellij idea 永久破解,只需3步,3分钟搞定,可用到2099年!!!
- 我们一起学网络(五)——网络层(子网划分和构成超网)
- python3.6.3+opencv3.3.0学习笔记二环境配置
- http长连接,短连接,长轮询,短轮询
- 阿里云移动云Apsara Mobile重磅发布 推出Cloud Native App全新研发范式
- 我的第一个博客