js textarea禁止输入,vue input禁止输入

　　本文主要介绍了如何在vue中禁止输入框和文本区编辑，有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

目录

　　如何禁止输入框和文本区编辑？第一种方法和第二种方法讲的是输入不能输入的原因。

如何禁止input框和textarea编辑

　　我们在开发项目的时候，有时候不希望用户操作我们的页面，尤其是输入框。这时候就需要设置了。

第一种方法

　　input type= text v-model= con list . title style= width:100%；大纲：无；高度：100% 只读

　　textarea v-model= con list . configuration . description style= width:100%；边框：无；大纲：无；调整大小：无；溢出：隐藏的只读/文本区域

　　重点：

　　我们使用只读。这种方法的优点是当输入框被禁用时，没有灰色的背景色。

第二种方法

　　input type= text v-model= con list . title style= width:100%；大纲：无；高度：100% 禁用

　　textarea v-model= con list . configuration . description style= width:100%；边框：无；大纲：无；调整大小：无；溢出：隐藏已禁用/textarea

　　重点：

　　我们用残疾人。这种方法的优点是当输入框被禁用时，它有一个灰色的背景色。

　　根据项目的要求，不同的要求采用不同的方法，

　　拓展：

　　禁止文本字段拖动：调整大小：无禁止滚动条：溢出：隐藏。

说说input无法输入原因

　　没有初始值v模型集。

　　动态绑定值时需要使用。

　　@input="change()" change(){this。$forceUpdate()}

　　强制视图更新

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。