qq_30059235
代码搬晕工
采纳率100%
2019-11-13 10:40

vue使用v-for循环直接使用方法获得的数组问题

15
已采纳

vue使用v-for循环直接使用方法获得的数组,代码

<div id="test">
<select  placeholder="请选择">
            <template v-for="(item,index) in getList('a')">
                        <option v-if="item" :label="item" :value="item"></option>
            </template>
</select>
<input v-model="str"/>
</div>

<script>
    var test = new Vue({
            el:"#test",
            data:{
                 arr:{
                            a:[1,2,3,4],
                            b:[5,6,7,8]
                    },
                    str:""
            },
            methods:{
                getList:function(name){
                   return this.arr[name]
                }
            }
    })

</script>

像这样,只要整个test发生变化就会调用getList方法,就比如我在input输入也会调用getList,各位大神有解决方法吗

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

3条回答

  • baidu_33552969 下一个喵呜 2年前
    点赞 评论 复制链接分享
  • xyt3198 xyt3198 2年前

    getList('a')直接改成arr['a']不就可以了,还搞多一个getList方法出来干啥

    点赞 评论 复制链接分享
  • weixin_40852944 weixin_40852944 2年前

    你没发现,你在改变vue的值时,它是已经调用了getList这个方法吗?你最终是想实现一个什么样效果呢?

    点赞 评论 复制链接分享