扫码关注官方订阅号
//data数据如下 3代为胜 1代表平 每一个number长度可能是1也可能是2； list:[ {number:'3,1'}, {number:'1'}, {number:'3'}, {number:'3,1'} .............. ] //dom渲染如下 胜平 平 胜 ....................
用vue如何不操作dom下实现这个需求，之前习惯用js操作dom实现，现在操作数据现实渲染就太会了；
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
v-for 渲染数据，过滤器改变数据值对应的中文意思
data(){ return { list:[ {number:[3,1]}, {number:[1]}, {number:[3]}, {number:[3,1]} ] } }, filters:{ result(value){ var text; switch(value){ case 1:text='平';break; case 3:text='胜';break; } return text; } }
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
1
983
收藏
v-for 渲染数据，过滤器改变数据值对应的中文意思
data(){ return { list:[ {number:[3,1]}, {number:[1]}, {number:[3]}, {number:[3,1]} ] } }, filters:{ result(value){ var text; switch(value){ case 1:text='平';break; case 3:text='胜';break; } return text; } }