vue.js - 如何在js中的函数中设置值el-input

Question

格子的el-input输入点击后如何设置el-input的值

<el-form-item :label="$t('elements.latitude')" prop="latitude">
     <el-input
          v-model="createForm.latitude"
          :value="latValue"
        />
</el-form-item>
<el-form-item :label="$t('elements.plaid')" prop="plaid">
        <el-input
          v-model="createForm.plaid"
          @keyup.enter.native="queryPlaid"
        />
      </el-form-item>

@keyup.enter.native 的功能

queryPlaid(){
  axios.get('/api/get_lat',
       {
         params: {
           plaid: this.createForm.plaid,
         },
       })
     .then(response => {
       const data = response.data;
       this.createForm.latitude = data.latitude;
     });
}

有人知道如何设置 el-input 的值吗？

标签： vue.jselement-ui

Answer 1

value绑定不应该是必要的。让 2 路 v-model 绑定为您处理它并改变它

<el-form-item :label="$t('elements.latitude')" prop="latitude">
     <el-input v-model="createForm.latitude" />
</el-form-item>

queryPlaid(){
  this.createForm.latitude = this.createForm.plaid;
}