vue结合Element如何实现select动态控制input禁用

这篇"vue结合Element如何实现select动态控制input禁用"文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇"vue结合Element如何实现select动态控制input禁用"文章吧。

先看效果图：

就不配置环境了，小颖当时在试的时候是用Element官网中的Form 表单环境试验的大家一起来看代码吧：

html：

                  查询 

js：

var Main = {  data() {   return {    formInline: {     user: '',     region: ''    },    disabledInput:false   }  },  methods: {   onSubmit() {    console.log('submit!');   },   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);

用JavaScript和jquery怎么实现上面的效果

1.JavaScript实现动态将input设成disabled，可以用id、class实现。

id：

            
        禁用input  
 

class:

            
        禁用input  
 

2.jquery实现动态将input设成disabled，可以用id、class实现。

id：

           
        禁用input  

class:

          
        禁用input  

以上就是关于"vue结合Element如何实现select动态控制input禁用"这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注行业资讯频道。