网站建设资讯

NEWS

网站建设资讯

如何在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组件
网页URL:http://cdweb.net/article/jjepps.html