首页 > 其他分享 >vue控制按钮或者input不可操作disabled

vue控制按钮或者input不可操作disabled

时间:2022-12-23 09:34:01浏览次数:46  
标签:vue 按钮 disabled 操作 input 变量名

1、使用v-bind:disabled="变量名"
<vxe-button @click="next" v-bind:disabled="buttonDisabled" id="next">派送</vxe-button>
2、变量名初始化

 

 

3、在需要使得控件可操作的地方通过以下方式:
$("#next").attr("disabled", false);

标签:vue,按钮,disabled,操作,input,变量名
From: https://www.cnblogs.com/ydc2023/p/17000011.html

相关文章

  • vue cli3 打包build 区分测试环境和正式环境(vue-cli-service)
    1、在根目录下创建两个.env的文件,.env.build是生产环境,.env.test是测试环境,两个文件的【NODE_ENV】都=‘production’用另一个变量【VUE_APP_CURRENTMODE】来区分环境.en......
  • Vue样式绑定
    绑定class样式--字符串写法<divclass="basic":class="mood"@click="changeMood">{{name}}</div>绑定class样式--数组写法<divclass="basic":class="classArr">123</div......
  • Vue $nextTick的作用
    NextTick在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM;我们可以理解成,Vue 在更新 DOM 时是异步执行的。当数据发生变化,V......
  • Vue中plugins
    插件可用于扩展Vue,自定义插件应包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。定义插件://plugin.jsexportdefault{......
  • Vue监视属性和计算属性对比
            computed和watch之间的区别             1.computed能完成的功能,watch都可以完成。          ......
  • css:隐藏input file标签并触发点击上传文件事件
    (目录)通用的按钮样式/*button样式来自element-ui*/.button{color:#fff;background-color:#409eff;display:inline-block;line-height:1;......
  • Vue中mixin混合
    vue中的mixin可以实现组件中重复代码的高度复用,可以将不同组件中重复的组件选项(如,data、created、mounted、components、computed、watch等)都提取出来,形成一个mixin的js文......
  • Vue之监视属性
     监视属性watch           1.当被监视的属性变化时,回调函数自动调用,进行相关操作          2.监视的属性必须存在,才能......
  • 彻底理解Vue组件间通信(6种方式)
    在vue的学习中,vue组件间的通信是不得不了解的,在实际开发中,也是非常常用的,所以这里我总结了Vue组件的通信的6种方式,希望能帮助小伙伴们更好更快的去理解Vue组件间的通信组......
  • Vue 里,多级菜单要如何设计才显得专业?
    老生常谈了!虽然我们是Java猿,但是写起来前端代码也不含糊!今天我想来和大家聊聊这个前端的动态菜单,要如何设计才显得专业!还是以我们的TienChin项目为例,大家一起来看看。......