只读:readonly
目前创新互联公司已为上千家的企业提供了网站建设、域名、虚拟主机、网站运营、企业网站设计、大悟网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
在data里定义:readonly: true,
然后在input框里加上readonly就可以了。
禁用:disabled
在data里定义:edit: true,
然后在input框里加上::disabled="edit"就可以了
PS:下面看下elementui通过 disabled 属性指定是否禁用 input 组件,如何用DOM操作取消disabled 属性
通过 disabled 属性指定是否禁用 input 组件
elementui通过 disabled 属性指定是否禁用 input 组件,有时候我们会取消单个disabled 属性,那我们如何用DOM操作取消disabled 属性,下面是我走的一下弯路,供大家参考一下,避免再走这样的弯路
总结
以上所述是小编给大家介绍的elementUI 设置input的只读或禁用的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!