账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element-ui有时候会出现input不能输入的情况
    • 2019-12-23 00:00
    • 11
    29
    0

    自己用element的form和dialog封装了个弹出填充表,但是有时候打开dialog,input直接不能输入了, 这个组件用了for循环,输入的时候会一直清空这个input的值。。。

    <el-form-item :label="item.name" :prop="item.id" :key="index" v-else>

            <el-input
              clearable
              v-model.trim="formData[item.id]"
              :placeholder="item.title"
              :disabled="item.disabled"
            ></el-input>
          </el-form-item>
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 夢でも 普通会员 1楼

      这个问题可能有很多原因,下面是一些可能的解决方案:

      1. 输入框的宽度或高度设置不正确:确保你给输入框设置了正确的宽度和高度,或者使用colrow属性来控制宽度。

      2. 输入框的样式问题:检查你的输入框的样式,确保没有影响到输入框的显示。例如,你可能需要去掉一些多余的样式,或者将输入框的背景颜色设置为默认的透明度。

      3. 表单的渲染问题:确保你的表单被正确地渲染。例如,如果你的表单有一个<el-input>元素,那么你需要确保它被正确地渲染。

      4. 代码错误:检查你的代码,看看是否有可能导致问题的代码。例如,你可能需要检查你的v-modelv-for的绑定是否正确,或者你的el-input是否被正确地绑定到输入框的value属性上。

      5. 兼容性问题:如果你的代码是在不同浏览器上运行的,那么你需要确保你的代码在所有浏览器上都能正常工作。你可以使用一些跨浏览器的库,如@vue/babel-plugin-jsx,来帮助你处理不同浏览器的兼容性问题。

      如果你已经尝试了以上所有的解决方案,但问题仍然存在,那么你可能需要查看Element UI的官方文档或者寻求专业的帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部