
elementUI
敲完这个我就再也不熬夜了
就这也想阻止我熬夜?
展开
-
vue elment-ui选择框select动态加载
遇到业务需要下拉选择框动态请求接口数据,element又没有提供动态加载api,就只能自己写了代码<template> <div> <el-select v-model="organization_id" placeholder="请选择"> <el-option v-for="(item) in oranizeList" :key原创 2021-09-18 17:22:47 · 2631 阅读 · 0 评论 -
element-ui利用.sync和$attrs,$listener简化封装对话框组件dialog(一次、二次封装)
在干业务时,总会遇到需要封装对话框组件。这里总结一下对话框的一次、二次(优雅永不过时!)封装一次封装普通封装对话框:这里注意不能直接更改props里的值,否则会报错<template> <div> <el-dialog title="提示" :visible.sync="dialogVisible" width="30%"> <span>内层dialog消息</span> <span slot="原创 2021-08-27 15:50:26 · 1264 阅读 · 2 评论 -
vue+element实现鼠标滚轮控制轮播图
实现鼠标滚轮控制轮播图:使用element走马灯:<template> <div class="box"> //添加@mousewheel鼠标滚轮事件 <div style="height: 100%" @mousewheel="rollScroll($event)"> <el-carousel direction="vertical" :autoplay="false" trigger原创 2021-08-19 11:22:55 · 2169 阅读 · 4 评论 -
vue 基于elementUi根据路由表动态加载侧边栏导航
vue 基于elementUi根据路由表动态加载侧边栏导航在学习element-admin后,发现动态路由很有意思,打算自己重现一下动态路由功能路由router.js:在路由中可以添加hidden字段判断该路由是否显示const routes = [ { path: '/', redirect: '/container', hidden: true//控制该路由是否显示 }, { path: '/container', name: 'Contain原创 2021-07-08 14:20:35 · 2344 阅读 · 3 评论 -
element checkBox复选框隐藏文字label
element checkBox复选框隐藏文字label要做个只有框复选框,又不想用原生html,element又没有提供api上代码!<el-checkbox :label="item.id"></el-checkbox>这里label显示的是id值我们在el-checkbox标签间加东西发现<el-checkbox :label="item.id">1111111</el-checkbox>动态加载的id值被替代了最后插入br标签原创 2021-07-06 13:58:30 · 2830 阅读 · 5 评论