
如圖所示
有三個字段要從彈出的輸入框取值
點擊字段會彈出上面的彈窗,輸入input會響應變化,比如
點擊身高,彈出輸入框,輸入值后身高后面會跟着一個同樣的值
點擊體重,彈出輸入框,輸入值后體重后面會跟着一個同樣的值
。。。
那么問題來了,如何動態綁定input的v-model呢?
方法:
加一個當前選擇的狀態,
data(){ return { inputData:"", weight:"", height:"", current:0 } }
根據所點擊的項目設置current
身高 this.current=1
體重 this.current=2
.
.
.
使用watch監聽input
watch:{ inputData(){ if(this.status==1){ this.height = this.inputData } if(this.status==2){ this.weight = this.inputData } } }
