![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue+ElementUI
以Vue的框架结合ElementUI图形组件库进行的相关总结归纳
治愈系的江予夺
这个作者很懒,什么都没留下…
展开
-
Vue+ElementUI+VueRouter实现左边导航栏切换页面内容组件显示
显示效果如下:效果说明:实现左边导航栏这一效果就得借用到ElementUI组件中关于导航菜单的使用,NavMenu 导航菜单,这个是为网站提供导航功能的菜单样式。而点击导航栏能够实现内容页面的切换主要是依赖于VueRouter功能。左边点击导航栏进行导航时,路由切换到对应的页面,这里需要使用 <router-link><router-link>组件可以支持在具有路由功能的应用中 (点击) 导航, 通过to属性指定目标地址,默认渲染成带有正确链接的<a>标签,原创 2020-08-28 09:07:57 · 7959 阅读 · 0 评论 -
Vue+ElmentUI在table表格中表头位置插入Dropdown下拉菜单实现过滤效果
效果说明:在el-table的表头插入一个下拉菜单Dropdown鼠标悬停下拉框浮现,点击下拉框选项就可以进行页面信息过滤。预览效果图:功能代码实现+说明:1. 首先需要在表格里的表头位置加入下拉框 ,需要通过组件slot来设置下拉触发的元素以及需要通过具名slot为dropdown 来设置下拉菜单。所以就有slot="header"这个具名插槽引入。这段可参看图片中的第一条横线位置2. 设置鼠标悬停时就能出现下拉菜单,这个要用到trigger这个属性,这个属性是用来控制下拉框的出现。默认情原创 2020-08-22 22:22:13 · 3358 阅读 · 0 评论 -
Vue+ElementUI实现下拉框二级联动搜索效果
(一)预计效果预览展示 预计初始显示效果如下图所示: 一旦在下拉框点击选项卡的内容进行选择后,下一个下拉框会在页面上显示出来,在下一个下拉框选择好后,就可以实现级联搜索了。(二)如何实现? 1.需要写入两个下拉框写入代码里面,并将我们要渲染的数据与下拉框进行一个绑定。原创 2020-07-10 17:14:45 · 7876 阅读 · 4 评论