Javascript 每个函数执行上的v-for

我想使用v-for，使它在每次执行函数时生成一个新的li元素。像这样的

<ul>
    <li v-for:"someFunction()">Function started</li>
</ul>

new Vue({
    ...
    methods: {
        someFunction: function() {
            //do some stuff
        }
    }
});

函数已启动

新Vue({
...
方法：{
someFunction:function（）{
//做点什么
}
}
});

有没有办法做到这一点？

您应该创建一个数组数据属性，并在每次调用该函数时将其推入。然后在

v-for

指令中使用该属性：

newvue({
el:“#应用程序”，
数据（）{
返回{items:[]}；
},
方法：{
someFunction:function（）{
this.items.push（{}）；
}
}
});


功能已启动

调用函数
只需使用一个变量：

<ul>
  <li v-for="item in items">
    {{ item.message }}
  </li>
</ul>

new Vue({
    ...
    data () {
      return {
         items: {message: 'Test 1', message: 'Test 2'}
      }
    },
    methods: {
        someFunction: function() {
            this.items.push( {message: 'Test 3'} )
        }
    }
});



{{item.message}}


新Vue({
...
数据（）{
返回{
项目：{消息：“测试1”，消息：“测试2”}
}
},
方法：{
someFunction:function（）{
this.items.push（{消息：'test3'}）
}
}
});