鍍金池/ 問答/HTML/ elementui1.x.x版本的input組件中沒有l(wèi)abel屬性

elementui1.x.x版本的input組件中沒有l(wèi)abel屬性

elementui1.x.x版本的input組件中沒有l(wèi)abel屬性,由于頁面展示與給后臺傳值不一致，我需要展示的是實際地址。給后臺的傳值是形如‘110102000000’的代碼，并且有對‘給后臺傳的值得驗證’，自己直接使用字段進(jìn)行轉(zhuǎn)換的話會使驗證出問題，有沒有合適的解決方案呢？我目前的代碼如下：

<el-col :span="6">
    <el-form-item label="戶籍所在地" prop="hjq" required class="mulitfix">
        <el-input v-model="form.hjq" disabled></el-input>
    </el-form-item>
</el-col>


// 獲取數(shù)據(jù)的時候
this.form.hjq = ksbmxx.hjsfmc + ksbmxx.hjsmc + ksbmxx.hjqmc; //顯示（放到form中的實際地址若字符過長就會導(dǎo)致報錯）
this.hjq = ksbmxx.hjq; // 借助別的變量進(jìn)行轉(zhuǎn)換


//驗證
hjq: [{ validator: validator('12, "full", "戶籍所在地", false') }],
回答
編輯回答
枕邊人

可以借助第三方變量修改啊，只要單方面綁定就好了。比如添加watch屬性到Vue.

// 實際input中綁定的數(shù)據(jù)為this.form.hjq
// 第三方數(shù)據(jù)，需要發(fā)送給后臺的數(shù)據(jù)為 data
watch: {
  'form.hjq': {
     handler: function (val, oldval) {
       this.data = this.process(val) //對input中的數(shù)據(jù)進(jìn)行一些處理
     },
     deep: true
  }
}
2017年7月19日 09:18