javascript - vue怎么循环绑定一个方法?
大家讲道理
大家讲道理 2017-04-10 17:43:20
[JavaScript讨论组]
<li class="myCls" v-for="item in items"></li>
    export default{
        data(){
            return {
            }
        },
        mounted: function () {
            myfun("myCls",/*这里传入每次数据 */);
        }
    }

li循环重复多次,每个li上都绑定有一个myfun这个方法,并且每个myfun内部传入的数据都不同,
比如我想实现跟以下代码一样的效果:

<li class="myCls1"></li>
<li class="myCls2"></li>
<li class="myCls3"></li>

<script>
 window.onload=function(){
    var data1=[1,4],data2=[2,6],data3=[3,1];
    myfun("myCls1",data1);
    myfun("myCls2",data2);
    myfun("myCls3",data3);
 }
</script>

该怎么用vue的v-for实现?或者其他办法??谢谢

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(1)
高洛峰

可以在li中绑定一个事件,事件传入的参数用$index。然后就可以在实例中自己写方法,方法的分类区别是传入的index是啥。
这里有个例子http://v1.vuejs.org/guide/#Al...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号