在Vuejs中双向绑定不在显示器上工作

Question

我在Laravel有一个项目用于后端，VueJs用于前端。

我使用Laravel编程的Api使用我的vueJs对象获取数据。我的数据是Fetched。在我的例子中，我获得了文章数据。

 fetchFamily: function(level , id){
        this.$http.get('/api/family/' + id, function (data) {
            var select_zone = 'options' + level
            this.$set(select_zone, data);
        })
        //Fetch Article
        this.$http.get('/api/family/' + id +'/material', function (data) {
            this.$set('materials', data);
        })

    },
    onSelectArticle: function(id){
        var self = this;
        jQuery.each(this.materials,function(idx,dta){
            if(dta.id == id){
                dta.qte = 0
                self.items.push(dta);
                return false;
            }
        });
        $('#myModalArticle').modal('hide');


    }

但是当我想将数量数据初始化为0时。

 dta.qte = 0

我有一个问题，在我的表中我有一个输入绑定到这个数据。

<tr v-for="item in items">
    <td class="hidden-sm"><a  href="/final/doc/{{ $document->id }}/edit"> @{{ item.code }}</a></td>
    <td width="20%"> @{{ item.textes[0].texte }}</td>
    <td>18.00</td>
    <td><input type="text" v-model="item.qte"  ></td>
    <td>@{{ item.code }}</td>
    <td>Colis</td>
    <td>10%</td>
    <td>16.20</td>
    <td>@{{ item.qte * item.prices[0].price }}</td>
    <td>{{ 18 * 40 * 1.17 }}</td>
</tr>

当我试图更改此值时，在我的屏幕中，值不会改变。在我的控制台中，当我检查值时，值已更改。!!

vmApp.items[0].qte

感谢您的帮助！