如何在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://bzwzjz.com/article/jjepps.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计制作 重庆网站建设 网站建设 成都网站设计 成都网站建设 成都网站设计 网站制作报价 响应式网站设计方案 盐亭网站设计 成都响应式网站建设 企业网站设计 梓潼网站设计 网站制作 成都网站建设 成都企业网站设计 成都网站建设公司 网站建设公司 成都网站设计 手机网站制作 成都网站制作 成都网站建设公司 网站建设方案