vue v-model 綁定動態變量

data() {
return {
search: { //查詢參數
keyword: "",

productSpec:""
},
tagSearchModel: {},

}

 

//設置屬性值

reponse.data.FObject.forEach(item => {


this.$set(this.tagSearchModel, "line_" + item.FTagID, "");
});

 

Html上使用：

<el-form-item :label="item.FTagName" v-for="(item,index) in basicData.tagList">
<el-autocomplete v-model="tagSearchModel['line_' + item.FTagID]"
:fetch-suggestions="((queryString,cb)=>{querySearchAsync(queryString,cb,item)})"
placeholder="請輸入內容"
:trigger-on-focus="false"
@select="handleSelect(item.FTagName,$event)">
<el-button slot="append" icon="el-icon-search" @click="openSelectDialog(item,'簾身')"></el-button>
</el-autocomplete>
</el-form-item>

 

//打印看看是否動態綁定了

 // alert(eval("this.tagSearchModel.line_" + 3041));