Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to implement vue to disable input tags in input box

2025-04-06 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "vue how to achieve the prohibition of entering tags in input box", so the editor summarizes the following, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "vue how to achieve input box prohibit entering tags" article.

The vue input box forbids the entry of the label export default {watch: {addTypeVal (val) {let reg = / [^\ u0020 -\ u007E\ u00A0 -\ u00BE\ u2E80 -\ uA4CF\ uF900-\ uFAFF\ uFE30-\ uFE4F\ uFF00-\ uFFEF\ u009F\ u2000 -\ u201f\ u2026\ u2022\ u20ac\ r] / g Disable and input of if (val.match (reg)) {this.addTypeVal = val.replace (reg,'');},} vue input box

Input is a text input box that we often use. In vue, we can use v-model to bind the value of the input box, but sometimes we get a value and bind it to an input box through v-model, but we just want to display this value and cannot modify it, and then change the value in certain cases, which involves disabling the text box.

Text box is not available when read=0, text box is available when read=1

The above is about "vue how to achieve input box prohibited input tags" this article, I believe we all have a certain understanding, I hope the editor to share the content to help you, if you want to know more related knowledge content, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report