element-ui el-input输入框赋值后不能编辑

如下所示:

<el-input v-model="ruleForm.concernMember" placeholder="请输入关注人erp"></el-input>

这个问题一般有两种解决方案:

方案一:在data中给input的值赋一个初始值

ruleForm: {

           concernMember: ""

      },

方案二:在给input赋值时,使用this.$set

this.$set(this.ruleForm, "concernMember", data);

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,我可以为您提供一个基本的element-UI远程搜索的代码实现示例,您可以根据自己的实际需求进行修改和调整。 首先,您需要在Vue项目中安装element-UI,可以使用以下命令进行安装: ``` npm install element-ui --save ``` 然后,在需要使用远程搜索的页面中,您可以使用以下代码实现: ``` <template> <div> <el-autocomplete v-model="inputValue" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" @select="handleSelect"> </el-autocomplete> </div> </template> <script> export default { data() { return { inputValue: '', options: [] } }, methods: { querySearchAsync(queryString, cb) { // 这里是远程搜索的API调用,您需要根据实际情况进行修改 axios.get('/api/search', { params: { q: queryString } }).then(response => { this.options = response.data; cb(this.options); }).catch(error => { console.log(error); }); }, handleSelect(item) { console.log(item); } } } </script> ``` 在上述代码中,我们使用了`el-autocomplete`组件来实现输入框的自动提示功能,并且使用了`fetch-suggestions`属性来指定远程搜索的方法名。在`querySearchAsync`方法中,我们使用了axios库来进行API调用,并且将返回的结果赋值给了`options`数组,最后调用了回调函数`cb`来将搜索结果传递给自动提示组件。同时,我们在`handleSelect`方法中处理了用户选择提示项的逻辑。 需要注意的是,您需要根据实际情况修改API的调用方式和返回结果的处理方式,以保证代码的正确性和可用性。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值