vue v-for ul 组件的数组数据如何动态赋值

Question

这是一个

//---模板--

<div class="proPaneSelect">

    <button class="proPanelBtn">设置表头<span>◢</span></button>

    <ul class="proPaneUl" style="display: block">

        <li v-for="item in items">

            {{ item.message }}

        </li>

    </ul>

</div>

//注册 

 Vue.component('select-custom', {

        template: System.getTxt('./proPanel/selectUI.html'),

        data: function () {

            return  {

                items: itemsPrivate

            };

        }

    });

var items1 = [

    {message: 'Foo1' },

    {message: 'Bar1' }

];

var items2 =  [

    {message: 'Foo2' },

    {message: 'Bar2' }

];

希望 itemsPrivate数组 可以自由赋值使ul的内容 例如，itemsPrivate = items1 这样。

Answer 1

简单的实现方式是：Vue.set(this.$data,'items',items2)还有一种方式：//&nbsp;html<li&nbsp;v-for="item&nbsp;in&nbsp;someItems"> &nbsp;&nbsp;&nbsp;&nbsp;{{&nbsp;item.message&nbsp;}} </li>//&nbsp;Vuedata:function(){&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;itemsSource:"items1", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;itemsArray:{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;items1:[{message:'Foo1'},{message:'Bar1'}], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;items2:[{message:'Foo2'},{message:'Bar2'}] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;}; }, computed:{ &nbsp;&nbsp;&nbsp;&nbsp;someItems:{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;this.itemsArray[this.itemsSource]; &nbsp;&nbsp;&nbsp;&nbsp;} }