V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zhengfan2016
V2EX  ›  Vue.js

element ui 的输入框, v-model 设置了,但是无法输入,可能会是什么原因

  •  
  •   zhengfan2016 · 2021-04-25 19:06:33 +08:00 via iPad · 3362 次点击
    这是一个创建于 1068 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,实习第二天,vmodel 绑定的 data 里的 input,如果 input=设置为 test,输入框也会显示 test 但是无法修改,各种排除法,找不到原因。求大佬指点

    30 条回复    2021-05-16 15:35:31 +08:00
    echowuhao
        1
    echowuhao  
       2021-04-25 19:15:00 +08:00
    codepen 弄个最小可复现的代码

    可以参考 官方的例子 https://element.eleme.io/#/zh-CN/component/input
    oluoluo
        2
    oluoluo  
       2021-04-25 19:32:57 +08:00
    建议贴代码。。
    RH
        3
    RH  
       2021-04-25 21:11:11 +08:00
    看下是不是 type 没设置
    heyjei
        4
    heyjei  
       2021-04-25 21:29:23 +08:00
    你确定 v-model 绑定对的嘛,给 model 一个值,看看能不能显示
    zhengfan2016
        5
    zhengfan2016  
    OP
       2021-04-25 22:39:29 +08:00 via iPad
    @RH 大神,type 在哪里看呀
    zhengfan2016
        6
    zhengfan2016  
    OP
       2021-04-25 22:40:33 +08:00 via iPad
    @oluoluo 公司电脑不能上 v2ex
    RH
        7
    RH  
       2021-04-25 22:53:31 +08:00
    el-input 试下配置 type 属性
    RH
        8
    RH  
       2021-04-25 22:54:20 +08:00
    @zhengfan2016 <el-input type="text"...
    bxb100
        9
    bxb100  
       2021-04-25 23:33:23 +08:00
    看着像 input 事件失效了
    christin
        10
    christin  
       2021-04-26 06:25:05 +08:00 via iPhone
    猜测 data 中未定义
    QingStone
        11
    QingStone  
       2021-04-26 06:25:18 +08:00 via iPhone
    截图 /贴代码
    yuheCai
        12
    yuheCai  
       2021-04-26 08:46:36 +08:00
    肯定是没有绑定 model
    maitiantuzi
        13
    maitiantuzi  
       2021-04-26 08:48:32 +08:00   ❤️ 2
    这种问题就不要乱问了,浪费资源,好好看官方用法,一遍看不懂看十遍
    qgs
        14
    qgs  
       2021-04-26 08:55:37 +08:00
    问同事,感觉这就是 只缘身在此山中
    LeeSeoung
        15
    LeeSeoung  
       2021-04-26 09:19:01 +08:00
    F12 看看 console 有没报错先。。
    lynan
        16
    lynan  
       2021-04-26 09:22:21 +08:00
    data 里面没放 v-model 的字段吧
    cxzweb
        17
    cxzweb  
       2021-04-26 09:24:04 +08:00
    贴代码
    cs419
        18
    cs419  
       2021-04-26 09:54:16 +08:00
    不贴代码
    默认你绑定的是常量 不可修改
    因此无法输入
    no1xsyzy
        19
    no1xsyzy  
       2021-04-26 09:58:29 +08:00
    又是我最喜欢的大家一起乱猜环节
    我先猜一个 v-model="?" 这里名字写错了
    我再猜一个 vm/data/? 这里名字写错了
    最后猜一个其实根本没有引入 Vue 库
    echowuhao
        20
    echowuhao  
       2021-04-26 10:04:03 +08:00
    @zhengfan2016 你自己都记不住代码了 让我们猜
    leon9986666
        21
    leon9986666  
       2021-04-26 10:09:12 +08:00
    出了问题先看 console
    zhw2590582
        22
    zhw2590582  
       2021-04-26 10:09:58 +08:00
    只要你贴代码,我十秒内就能给你答案啊
    shintendo
        23
    shintendo  
       2021-04-26 10:12:42 +08:00
    别说贴代码了,你的问题描述就没有一句有效信息
    chensitong
        24
    chensitong  
       2021-04-26 10:14:36 +08:00
    上面都猜过了,那我就猜,项目没重启
    winteq
        25
    winteq  
       2021-04-26 10:19:01 +08:00
    重新赋值对象导致的吧,试试 $set
    Rocka
        26
    Rocka  
       2021-04-26 17:11:16 +08:00   ❤️ 1
    那我来猜一个,是不是把 input 放在 el-table-column 里了? https://jsfiddle.net/jcngw70a/
    如果是这样,解决方法是把 named slot 换成 scoped slot,或者用新的 v-slot 语法(上面例子中被注释掉的那一行)。
    zhoushuaishuai
        27
    zhoushuaishuai  
       2021-04-29 12:18:22 +08:00 via Android
    你是不是绑定的是一个固定的值导致的?
    dafuyang
        28
    dafuyang  
       2021-05-10 14:21:03 +08:00
    type 是 text 你写成 test 了?
    zhengfan2016
        29
    zhengfan2016  
    OP
       2021-05-16 15:33:11 +08:00
    @dafuyang 不是,这种超低级错误肯定不会犯。
    @zhoushuaishuai
    @Rocka
    @winteq
    @chensitong
    @no1xsyzy
    @lynan
    @yuheCai
    @christin
    @bxb100
    @RH 感谢各位大佬的回复,我已经找到问题了,祖传公共文件里的。因为新写了代码,祖传公共文件没有跟着改,然后公共文件没有找到某个变量...😂
    zhengfan2016
        30
    zhengfan2016  
    OP
       2021-05-16 15:35:31 +08:00
    @qgs 没有同事,只有领导,整个部门加上我只有两个人(领导也不会,让我修)😂
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5329 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 08:20 · PVG 16:20 · LAX 01:20 · JFK 04:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.