由于项目需要,需要下拉菜单进行筛选,点击(筛选)后展示不同的页面。介于项目本身采用的技术是vue+iview,所以使用了iview自带的“Dropdown 下拉菜单”。但是自带的只展示样式,点击不同的选项,需要显示点击的选项,需要自己手动去编写。下面记录一下实现的代码:(这里在赘述一下要实现的是,点击abc,则显示abc。点击22222,显示222222)
思路:声明个变量用dropdown的click绑定个方法去改变这个变量,把这个变量显示在上面
abc
以上是我在项目中实际遇到的,记录一下。如有错误,请批评指教。
【vue|iview的Dropdown 下拉菜单之选中】我的github地址:https://github.com/shichenyu
推荐阅读
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- 前端开发|Vue2.x API 学习
- vue|Vue面试常用详细总结
- vue|电商后台管理系统(vue+python|node.js)
- 腾讯TEG实习|腾讯实习——Vue解决跨域请求
- Vue|vue-router 详解
- vue|vue3替代vuex的框架piniajs实例教程
- Vue|Vue3.0的插槽是如何实现的()
- 前端|面试官(谈谈Vue和React的区别())