如何在vue中使用select组件

这篇文章将为大家详细讲解有关如何在vue中使用select组件，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

我们提供的服务有：网站建设、成都网站设计、微信公众号开发、网站优化、网站认证、鹤庆ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的鹤庆网站制作公司

实现：

  添加disabled属性，写成如下红色标记格式；定义一个isAble变量，用来存放TRUE和FALSE值，决定此选择框是否可用。

v-bind:disabled="isAble" clearable v-model="dataAgentEntity.ID" > 
   {{ item.name }} 
  

export default { 
  data(){ 
    return{ 
      isAble: false,//select下拉框是否可用 
    } 
  }

然后就是逻辑中操作变量isAble的值，改变组件的可用禁用状态了

 methods:{ 
     Test(){ 
      var vm = this; 
       if (vm.alertType == '邮件') { 
        vm.isAble = true; //不可用 
      } 
        
     }  
}

关于如何在vue中使用select组件就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

分享文章：如何在vue中使用select组件
转载来源：http://6mz.cn/article/jjepps.html