vue中select下拉框option的显示与隐藏

一名爱记录的程序媛

已于 2022-04-18 16:11:54 修改

阅读量6.5k

点赞数

分类专栏：笔记文章标签：前端 vue.js javascript

于 2022-04-12 09:54:35 首次发布

本文链接：https://blog.csdn.net/qq_62449212/article/details/124115670

版权

本文介绍了如何在Vue.js应用中控制select下拉框的option元素显示与隐藏，强调了select绑定事件应使用change而非click，提供了相关代码示例，旨在帮助开发者解决此类问题。

摘要由CSDN通过智能技术生成

效果图

下拉框option的显示与隐藏

实现的代码

              <template>
                <div class="am-u-lg-10">
                  <div class="am-u-lg-10-left"><span>*</span>悬浮时间：</div>
                  <select
                    class="select select2"
                    @change="classSelect($event)"
                    v-model="classs"
                    name=""
                    id="not-arrow"
                    style="
                      width: 80px;
                      height: 30px;