vue如何動態綁定v-model


如圖所示
有三個字段要從彈出的輸入框取值
點擊字段會彈出上面的彈窗,輸入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
        }
    }
}

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM