这次给大家带来在不使用select的情况丅vue怎么实现vue 下拉框框功能在不使用select的情况下vue实现vue 下拉框框功能的

有哪些，下面就是实战案例一起来看一下。

html部分：v-出的结构

业务：消息推送方式有两种为“微信”和“邮件”，微信发送时需要选择“要发送的应用程序”时不需要

微信发送時，页面如下：

邮件发送时选择器不可用，页面如下：

虽然官网上没有给出具体的例子但可从属性中查到 “disabled”属性，

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

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

test方法中只写了判断不可用，改回微信时还要变成可用状态，不然又埋了个bug哈哈。不过这是业务逻辑了只介绍方法，记个笔记具体視情况而定。

相信看了本文案例你已经掌握了方法更多精彩请关注php中文网其它相关文章！

以上就是在不使用select的情况下vue怎么实现vue 下拉框框功能的详细内容，更多请关注php中文网其它相关文章！