el-input输入值无法在输入框显示

左手的ㄟ右手 2024-04-17 06:28 73阅读 0赞

el-input输入值无法在输入框显示（即输入无效），是因为没有双向绑定，所以设置v-model就可以将输入值显示在输入框中。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3MDM3Nw_size_16_color_FFFFFF_t_70]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3MDM3Nw_size_16_color_FFFFFF_t_70 1]  
效果如下：  
![在这里插入图片描述][20190827092457716.png]  
如果v-model绑定的是对象中的属性值，如：v-model=form.qh;则需要用this.$set(this.form,‘qh’,’’)的方式赋默认值。

data() {
        return {
          form:{}
        }
      },
    mounted() {
       this.$set(this.form,'qh',' ')
    },

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3MDM3Nw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190827092357582.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3MDM3Nw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3MDM3Nw_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/5ff5b26fa2644e8aa1a7aafabd9cfc44.png
[20190827092457716.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/45a227433b2f404e8e60653b0f16e81c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，73人围观）

还没有评论，来说两句吧...

相关阅读

相关 el-input输入值无法在输入框显示

l-input输入值无法在输入框显示（即输入无效），是因为没有双向绑定，所以设置v-model就可以将输入值显示在输入框中。 ![在这里插入图片描述][waterma...

左手的ㄟ右手/ 2024年04月17日 06:28/ 0 赞/ 74 阅读

相关输入框输入正整数

正能输入正整数 <el-input type="text" id="price" v-model="goodsNum" onkeyup="if(t

我就是我/ 2023年01月17日 07:38/ 0 赞/ 179 阅读

相关输入框限制输入的最大值以及最小值

输入框限制输入的最大值以及最小值 <input type="text" autocomplete="off" οninput="if(value>1000)value=100

﹏ヽ暗。殇╰゛Y/ 2022年12月28日 14:13/ 0 赞/ 153 阅读

相关 Vue + ElementUI el-input框有值时无法输入

<el-input v-model="bindPar.profession" placeholder="擅长领域" clearabl

野性酷女/ 2022年12月09日 15:51/ 0 赞/ 273 阅读

相关 vue 输入框不更新无法输入

根据Id查到数据后重新赋值对象 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM

超、凢脫俗/ 2022年10月31日 12:26/ 0 赞/ 305 阅读

相关在输入框点击空格键的时候，判断输入框的值为空

题目：当用户在输入框点击空格键的时候，判断输入框的值为空 <!DOCTYPE html> <html lang="en"> <head>

悠悠/ 2022年06月04日 09:48/ 0 赞/ 265 阅读

相关如何让移到输入框，显示输入框中所有的内容

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI1

野性酷女/ 2022年02月23日 05:38/ 0 赞/ 246 阅读

相关输入框输入字符限制

这里以数字框为例，只允许输入数字（输入限制，粘帖限制，输入法限制） <input type="text" name="Number" onKeyPress="Numbe

男娘i/ 2022年01月10日 23:43/ 0 赞/ 412 阅读

相关 android editText输入框输入密码的显示与隐藏

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2

Dear 丶/ 2021年09月17日 08:50/ 0 赞/ 549 阅读

相关 Vue中的input输入框无法输入

Vue中的input输入框无法输入 Vue中的input输入框无法输入刚开始以为是键盘的问题，然后发现别的地方都可以输入，唯独这个input无法输入，可能因为我循环

心已赠人/ 2021年09月13日 17:46/ 0 赞/ 823 阅读