Shulou(Shulou.com)05/31 Report--

This "vue combined with Element how to achieve select dynamic control input disabled" article most people do not understand, so the editor summarized the following content, detailed, clear steps, with a certain reference value, I hope you can read this article can be reaped, let's take a look at this "vue combined with Element how to achieve select dynamic control input disabled" article it.

Take a look at the effect picture first:

Instead of configuring the environment, Xiaoying tried it with the Form form environment on Element's official website. Let's take a look at the code:

Html:

Query

Js:

Var Main = {data () {return {formInline: {user:', region:'}, disabledInput:false}}, methods: {onSubmit () {console.log ('submittance');}, inputToDisabled () {this.disabledInput=true;}} var Ctor = Vue.extend (Main) new Ctor (). $mount ('# app')

Css:

@ import url (/ / unpkg.com/element-ui@1.3.2/lib/theme-default/index.css)

How to achieve the above effect with JavaScript and jquery

1.JavaScript implementation dynamically sets input to disabled, which can be implemented with id and class.

Id:

Function inputToDisabled () {document.getElementById ("disabledInput") .disabled = true;} disable input

2.jquery implementation dynamically sets input to disabled, which can be implemented with id and class.

Id:

$(function () {$("# disabledInputBtn") .click (function () {$("# disabledInput") .attr ("disabled", true);}) }) the above prohibition of input is about the content of this article on "how to achieve dynamic control of select by vue combined with Element". I believe everyone has a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to learn more about related knowledge, please follow 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.