随笔分类 - Element-ui框架
摘要：<template> <div class="block"> <h1 class="demonstration">选中的值：{{ value }}</h1> <el-cascader :options="options" v-model="value" popper-class="cascaderB
阅读全文
摘要：先看效果是不是你所需要的，再看具体如何实现。 效果如下图所示： 有些字体需要下载，用图片就会变得很不清楚，这样我们就需要去下载字体库，操作步骤如下： 首先找到需要下载的字体库 然后放在项目里面 然后定义字体库名 最后引用字体库名 第一步：通过第一字体库链接下载字体库，https://www.diyi
阅读全文
摘要：1 <template> 2 <el-table :data="scheduleList" :span-method="objectSpanMethod" border> 3 <el-table-column prop="date" label="时间" width="200" /> 4 <el-t
阅读全文
摘要：显示效果： 废话不多说，直接上代码 <template> <el-tree default-expand-all :data="data"> <span class="custom-tree-node" slot-scope="{ node, data }" style="width:100%;"
阅读全文
摘要：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
阅读全文
摘要：https://my.oschina.net/u/4772459/blog/4699602 如图所示: 1 <template class="SysRole"> 2 <div> 3 <el-table 4 :data="tableData" 5 :span-method="arraySpanMeth
阅读全文
摘要：刚开始以为是键盘的问题，然后发现别的地方都可以输入，唯独这个input无法输入，可能因为我循环嵌套了三次，太深入无法渲染 后来我发现这个方法可以使用 1 <el-input 2 v-model="desc" 3 type="textarea" 4 @input="change($event)" 5
阅读全文
摘要：首先，在公共请求接口的地方src/api/common.js 1 // 公共配置接口域名接口 2 export function configApi(data) { 3 return request({ 4 url: '配置接口', 5 method: 'post', 6 data 7 }) 8 }
阅读全文
摘要：欢迎扫码加群，一起讨论，共同学习成长！
阅读全文
摘要：因为我是把添加和修改公用一个弹窗，点击添加弹窗后，如果没移除表单校验的话，再点击修改弹窗时校验就会被记住，所以需要移除校验，但在清空表单校验时会报如下错误： 那么，你只需要加上这段话即可 1 this.$nextTick(()=>{ 2 this.$refs.addArray.resetFields
阅读全文
摘要：废话不多说，直接上代码 <el-menu class="sidebar-el-menu" :default-active="currentMenu" background-color="#324157" @select="handleSelect" text-color="#bfcbd9" acti
阅读全文
摘要：看图说话 看代码说话 <template> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"> <el-table-column label="选择" width="65
阅读全文
摘要：<el-table-column width="600"> <template slot-scope="scope"> <el-popover trigger="click" placement="top" width="450" @show="handleStatus(scope)" :ref="
阅读全文
摘要：废话不多说，直接上代码 1 <template> 2 <div class="warpper"> 3 <el-tree ref="tree" :data="TreeData" node-key="id" :key="treeKey" current-node-key :props="defaultP
阅读全文
摘要：通过父子组件传值 父组件： 子组件：
阅读全文
摘要：先为为大家推荐好听的歌曲 先看下效果是不是你所需要的。。。。 上传文件进度条后续会加上的。。。。 功能需求：默认为上传状态 1、未上传：点击可上传文件 2、已上传：点击可上传文件 （1）、鼠标移入【删除】 （2）、鼠标点击【预览】 然后废话不多说，直接上代码啦，希望能够帮助到你 1 <templat
阅读全文
摘要：先为大家顺便推荐好听的歌曲 先看下效果是不是你需要的。。。。。 然后废话不多说，上代码，希望能够帮助到你。。。 1 <template> 2 <div class=''> 3 <el-form label-width="100px" class="demo-ruleForm"> 4 <el-form
阅读全文
摘要：顺便为大家推荐好听的歌曲 先瞄一下，是不是你要的效果 然后，废话不多说，直接上代码啦 1 <template> 2 <div class> 3 <div class="projectData"> 4 <el-table :data="tableData2" ref="multipleTable" :
阅读全文
摘要：若有不明白请加群号：复制 659182980 ，也可扫码，希望能帮助到大家。 废话不多说，看代码： 1 <template> 2 <div class="block"> 3 <span class="demonstration">起始日期时刻为 12:00:00</span> 4 <el-date-
阅读全文
摘要：为大家推荐好听的歌 案例演示：获取select当前选中的所有内容 1 <el-select v-model="value8" filterable placeholder="请选择" value-key="id" @change="currentSel"> 2 <el-option v-for="i
阅读全文
浙公网安备 33010602011771号