将列表项数组vue数据绑定到表单中的输入值

时间:2017-10-25 19:28:05

标签: javascript html laravel-5 vue.js

您好我有一个表单,我有一个输入字段,其中我有一个vue事件,它允许获取一些值并将其添加到vue js中的对象数据,但我无法绑定此vue数据属性到输入值所以我会在提交表单时返回。

我的输入

<div class="col-md-4">
   <ul>
      <li v-for="item in filterListValueEnArray">
         @{{ item }}
         <button @click.prevent="removeFilterEn(filterListValueEn)">remove</button>
      </li>
   </ul>
   <input type="text" v-model="filterListValueEn" @keydown.enter.prevent="addFilterValEn(filterListValueEn)" name="array" v-bind:value="filterListValueEnArray" class="form-control">
</div>

vue js code

    new Vue({
        el: '#advFilter',

        data: {
            selectFilterType: '',

            filterListValueEn: '',
            filterListValueEnArray: [],
            filterListValueAr: '',
            filterListValueArArray: [],
        },

        methods: {
            addFilterValEn: function(filterListValueEn) {
                this.filterListValueEnArray.push(filterListValueEn);
                this.filterListValueEn = '';

            },
            addFilterValAr: function(filterListValueAr) {
                this.filterListValueArArray.push(filterListValueAr);
                this.filterListValueAr = '';    
            },
            removeFilterAr: function(filterListValueAr) {
                this.filterListValueArArray.pop(filterListValueAr)
            },
            removeFilterEn: function(filterListValueEn) {
                this.filterListValueEnArray.pop(filterListValueEn)
            }
        }
    });

我想将filterListValueEnArray绑定在文本字段的值中,但是当我在laravel中时,我不会回复任何内容。

$request->all();

请协助

0 个答案:

没有答案