• 技术文章 >web前端 >Vue.js

    vue.js如何取消下拉框选择数据

    VV2021-10-09 15:58:23原创126

    vue.js取消下拉框选择数据的方法:在选择select标签里加一个属性clearable即可,如【<el-select class="" v-model="" placeholder="" clearable>】。

    本文操作环境:windows10系统、vue.js 2.9、thinkpad t480电脑。

    我们先来看看在清除下拉框选择数据前的效果:

    c98f019ede94aaaa88230e68f482183.png

    再来看看清除后的:

    eaf7c0f7f7bdf99ab69f8f61ab985d1.png

    要清除下拉框选择数据其实是非常简单的,我们只需要在选择select标签里加一个属性clearable即可。

    具体实现代码:

    a5822b529985e76424ca369119b73db.png

    推荐学习:php培训

    以上就是vue.js如何取消下拉框选择数据的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:vue.js 下拉框 数据
    上一篇:vue.js如何实现视频播放 下一篇:vue.js如何实现弹窗功能
    大前端线上培训班

    相关文章推荐

    • excel的下拉框怎么设置• 如何设置HTML select下拉框的默认值?• html下拉框怎么做• excel下拉框如何添加内容

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网