随笔分类 -  Element-ui框架

1 2 下一页
vue+element+Cascader 级联选择器任意一级选项，去掉单选框radio
摘要：<template> <div class="block"> <h1 class="demonstration">选中的值：{{ value }}</h1> <el-cascader :options="options" v-model="value" popper-class="cascaderB 阅读全文
posted @ 2024-10-16 13:57 此夏_唯美 阅读(104) 评论(0) 推荐(0) 编辑
vue实现自定义字体库
摘要：先看效果是不是你所需要的，再看具体如何实现。 效果如下图所示： 有些字体需要下载，用图片就会变得很不清楚，这样我们就需要去下载字体库，操作步骤如下： 首先找到需要下载的字体库 然后放在项目里面 然后定义字体库名 最后引用字体库名 第一步：通过第一字体库链接下载字体库，https://www.diyi 阅读全文
posted @ 2022-12-08 21:32 此夏_唯美 阅读(1099) 评论(0) 推荐(0) 编辑
element-ui跨行
摘要：1 <template> 2 <el-table :data="scheduleList" :span-method="objectSpanMethod" border> 3 <el-table-column prop="date" label="时间" width="200" /> 4 <el-t 阅读全文
posted @ 2021-09-10 18:21 此夏_唯美 阅读(384) 评论(0) 推荐(0) 编辑
Element-ui树形控件el-tree鼠标移入显示隐藏效果超简单
摘要：显示效果： 废话不多说，直接上代码 <template> <el-tree default-expand-all :data="data"> <span class="custom-tree-node" slot-scope="{ node, data }" style="width:100%;" 阅读全文
posted @ 2021-06-02 15:26 此夏_唯美 阅读(2148) 评论(0) 推荐(0) 编辑
vue表格拖拽使用Sortable插件库
摘要：1 <template > 2 <el-table 3 row-key="name" 4 :data="tableData" 5 stripe style="width:100%;"> 6 <el-table-column prop="name" label="测试"></el-table-colu 阅读全文
posted @ 2020-12-11 16:23 此夏_唯美 阅读(231) 评论(0) 推荐(0) 编辑
Vue+Element+Table表格动态跨列文章
摘要：https://my.oschina.net/u/4772459/blog/4699602 如图所示: 1 <template class="SysRole"> 2 <div> 3 <el-table 4 :data="tableData" 5 :span-method="arraySpanMeth 阅读全文
posted @ 2020-11-02 16:19 此夏_唯美 阅读(1075) 评论(0) 推荐(0) 编辑
Vue中的input输入框无法输入强制渲染
摘要：刚开始以为是键盘的问题，然后发现别的地方都可以输入，唯独这个input无法输入，可能因为我循环嵌套了三次，太深入无法渲染 后来我发现这个方法可以使用 1 <el-input 2 v-model="desc" 3 type="textarea" 4 @input="change($event)" 5 阅读全文
posted @ 2020-08-17 15:59 此夏_唯美 阅读(3904) 评论(0) 推荐(1) 编辑
vue项目根据不同环境动态配置接口
摘要：首先，在公共请求接口的地方src/api/common.js 1 // 公共配置接口域名接口 2 export function configApi(data) { 3 return request({ 4 url: '配置接口', 5 method: 'post', 6 data 7 }) 8 } 阅读全文
posted @ 2020-05-08 15:13 此夏_唯美 阅读(3099) 评论(0) 推荐(0) 编辑
Element-ui 表格table实现单选
摘要：欢迎扫码加群，一起讨论，共同学习成长！ 阅读全文
posted @ 2019-11-23 17:37 此夏_唯美 阅读(6765) 评论(0) 推荐(2) 编辑
Element-Ui表单移除校验clearValidate和resetFields
摘要：因为我是把添加和修改公用一个弹窗，点击添加弹窗后，如果没移除表单校验的话，再点击修改弹窗时校验就会被记住，所以需要移除校验，但在清空表单校验时会报如下错误： 那么，你只需要加上这段话即可 1 this.$nextTick(()=>{ 2 this.$refs.addArray.resetFields 阅读全文
posted @ 2019-09-20 13:51 此夏_唯美 阅读(9272) 评论(0) 推荐(0) 编辑
Element-ui左侧菜单刷新依旧高亮显示当前菜单
摘要：废话不多说，直接上代码 <el-menu class="sidebar-el-menu" :default-active="currentMenu" background-color="#324157" @select="handleSelect" text-color="#bfcbd9" acti 阅读全文
posted @ 2019-07-31 17:19 此夏_唯美 阅读(1912) 评论(0) 推荐(0) 编辑
Element-ui表格单选
摘要：看图说话 看代码说话 <template> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"> <el-table-column label="选择" width="65 阅读全文
posted @ 2019-07-31 16:10 此夏_唯美 阅读(5438) 评论(0) 推荐(0) 编辑
Element-UI表格点击Popover 弹出框确定取消
摘要：<el-table-column width="600"> <template slot-scope="scope"> <el-popover trigger="click" placement="top" width="450" @show="handleStatus(scope)" :ref=" 阅读全文
posted @ 2019-07-24 21:35 此夏_唯美 阅读(4633) 评论(0) 推荐(0) 编辑
Element-ui框架Tree树形控件切换高亮显示选中效果
摘要：废话不多说，直接上代码 1 <template> 2 <div class="warpper"> 3 <el-tree ref="tree" :data="TreeData" node-key="id" :key="treeKey" current-node-key :props="defaultP 阅读全文
posted @ 2019-06-13 11:22 此夏_唯美 阅读(12502) 评论(2) 推荐(0) 编辑
Vue+Element-ui+二级联动封装组件
摘要：通过父子组件传值 父组件： 子组件： 阅读全文
posted @ 2019-05-22 16:01 此夏_唯美 阅读(4065) 评论(0) 推荐(0) 编辑
Element-ui上传文件（删除、添加、预览）
摘要：先为为大家推荐好听的歌曲 先看下效果是不是你所需要的。。。。 上传文件进度条后续会加上的。。。。 功能需求：默认为上传状态 1、未上传：点击可上传文件 2、已上传：点击可上传文件 （1）、鼠标移入【删除】 （2）、鼠标点击【预览】 然后废话不多说，直接上代码啦，希望能够帮助到你 1 <templat 阅读全文
posted @ 2019-04-18 11:03 此夏_唯美 阅读(17355) 评论(0) 推荐(0) 编辑
Element-ui框架checkbox复选框回显
摘要：先为大家顺便推荐好听的歌曲 先看下效果是不是你需要的。。。。。 然后废话不多说，上代码，希望能够帮助到你。。。 1 <template> 2 <div class=''> 3 <el-form label-width="100px" class="demo-ruleForm"> 4 <el-form 阅读全文
posted @ 2019-04-18 10:58 此夏_唯美 阅读(17652) 评论(0) 推荐(0) 编辑
Element-ui表格选中回显
摘要：顺便为大家推荐好听的歌曲 先瞄一下，是不是你要的效果 然后，废话不多说，直接上代码啦 1 <template> 2 <div class> 3 <div class="projectData"> 4 <el-table :data="tableData2" ref="multipleTable" : 阅读全文
posted @ 2019-04-18 10:46 此夏_唯美 阅读(9377) 评论(0) 推荐(1) 编辑
Vue+Element-ui+DateTimePicker 日期时间选择器传值给后台
摘要：若有不明白请加群号：复制 659182980 ，也可扫码，希望能帮助到大家。 废话不多说，看代码： 1 <template> 2 <div class="block"> 3 <span class="demonstration">起始日期时刻为 12:00:00</span> 4 <el-date- 阅读全文
posted @ 2019-03-20 01:19 此夏_唯美 阅读(21683) 评论(1) 推荐(0) 编辑
Vue+Element+Select获取选中的对象
摘要：为大家推荐好听的歌 案例演示：获取select当前选中的所有内容 1 <el-select v-model="value8" filterable placeholder="请选择" value-key="id" @change="currentSel"> 2 <el-option v-for="i 阅读全文
posted @ 2019-03-20 00:10 此夏_唯美 阅读(44425) 评论(2) 推荐(2) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示