vue 不使用select实现下拉框功能(推荐)
发布时间：2020-12-17 02:16:55 所属栏目：百科 来源：网络整理
导读：html部分：v-for循环出的结构 js部分： 下面看下vue--select组件的使用与禁用 业务：消息推送方式有两种，为“微信”和“邮件”，微信发送时需要选择“要发送的应用程序”，邮件发送时不需要 微信发送时，页面如下： 邮件发送时，选择器不可用，页面如下：
html部分：v-for循环出的结构
js部分：下面看下vue--select组件的使用与禁用业务：消息推送方式有两种，为“微信”和“邮件”，微信发送时需要选择“要发送的应用程序”，邮件发送时不需要 微信发送时，页面如下：
邮件发送时，选择器不可用，页面如下：
虽然官网上没有给出具体的例子，但可从属性中查到 “disabled”属性，
实现： 添加disabled属性，写成如下红色标记格式；定义一个isAble变量，用来存放TRUE和FALSE值，决定此选择框是否可用。 然后就是逻辑中操作变量isAble的值，改变组件的可用禁用状态了 test方法中只写了判断不可用，改回微信时，还要变成可用状态，不然又埋了个bug，哈哈。不过这是业务逻辑了，只介绍方法，记个笔记，具体视情况而定。 以上所述是小编给大家介绍的vue 不使用select实现下拉框功能。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
