为了账号安全,请及时绑定邮箱和手机立即绑定

Vuejs中v-for获取的数据能够进行自定义的函数处理吗

Vuejs中v-for获取的数据能够进行自定义的函数处理吗

ITMISS 2018-10-04 13:14:05
<ul>     <li v-for="(item,index) in list">{{item}}</li>     <li>{{index}}</li></ul>var demo = new Vue({     ...     data:{        list:[            1233,            2334,            ...        ]     }});上面的渲染用的是list里面的原始数据,没有问题。但如果我想用自定义方法处理过的item和index来渲染视图,要怎么做?//自定义函数处理item    function fn(item){         dosomething for item...    }   //渲染    <li v-for="item in list"list>{{fn(item)}}</li>当然上面这样是不行的,只是为了说明问题。同样 index,直接渲染得到的是0,1,2..我想把它处理成01,02...
查看完整描述

1 回答

?
互换的青春

TA贡献1797条经验 获得超6个赞

不知道是不是你要的功能

var vm = new Vue({            el: '#app',            data : {
                ...
                }
            },            methods: {                func: function (item) {                   
             return (do something for item)
                }
            }
        })
<li v-for="item in list">
    {{ func(item) }}</li>

是可以这样调用方程的


查看完整回答
1 反对 回复 2018-11-08
  • 1 回答
  • 0 关注
  • 3732 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号