vue input值既要綁定一個值又要顯示接口給的值。

如果input是一個的話我們之間可以命名

<input type="text" v-model="item" readonly="readonly"/>

然後data定義item。初始化的時候讓他等於接口給的那個值就可以啦。但是如果input用在循環裏面。

<span v-for="(item1,key) in children" :key="key" >

              <input  class="el-input__inner"  type="number"   v-model="item1.values" @blur="getnumber(item1.values)"  ref="allinput">

    </span>

我們通過循環可以直接給這個input賦值了。注意這裏是v-model不是用的:value="item1.values".但是怎麼獲取到賦值的內容呢？

我這裏寫了一個失去焦點的事件。在這個事件裏面我們把當前綁定的這個值傳過去。打印一下看

getnumber(values){

console.log(values)  這樣就可以獲得輸入的那個值了。當然這樣只能獲取當前填的那個。如果想獲取所有的需要用到ref

}

使用：this.$refs.allinput得到的是個數組。數組裏可以找到你需要的值啦