根据项目需求需要实现可以单选进行选择，并且点击左侧的时候自动添加到右侧中去，代码呈上传入的参数:isradio=true时为单选模式只能从左侧选一个，为false的时候可进行多选主页面：<template><section class="main-content"><div class="container infor_wrap"...

二次开发element组件 el-tooltip+span 超出文本部分显示省略号鼠标悬浮显示全部内容EllipsisTooltip.vue（我是放置在了src/components）<template><!-- :disabled="disabledTip" --><el-tooltipref="tlp":content="text"effect="dark":di

<template><div class="content-body"><el-form ref="form" :model="form" :rules="rules" label-width="120px"><el-row :gutter="10"><el-col :span="12" :offset="0"&gt...

echarts+vue环形图将总数放置在饼图中央，且鼠标悬浮图例可以显示提示信息，图例提示信息数据计算比例采用最大余额法计算initEchartPie()initEchartPie(){setTimeout(()=>{constmyCharts = this.$echarts.init(this.$refs.myChartPie);myCharts.showLoading({text: "数

echarts+element+vue 水球图和一些css小样式（四个边框角）1、引入echartsnpm install echarts -snpm install echarts-liquidfill -s2、main.jsimport echarts from "echarts";Vue.prototype.$echarts = echarts;import 'echarts-liquidf

vue watch （深度监听）data多层属性当我们的data属性是有两层以上的时候，我们写watch监听内层属性的变化，普通watch就会报错。假设我们的代码如下：<div><p>FullName: {{name.fullName}}</p><p>FirstName: <input type="text" v-model="name.fir

//自定义滚动条import PerfectScrollbar from 'perfect-scrollbar';//对应的cssimport "perfect-scrollbar/css/perfect-scrollbar.css";const el_scrollBar = (el) => {if (el._customize_scroll instanceof Perfe...

vue 路由懒加载的三种方式（本人常用ES6的import按需加载）const login = resolve => require(['@/pages/auth/login/login'], resolve)//vue异步组件按需加载方式const login = () => import(/* webpackChunkName: "login" */ '@/pages/auth/l

环境：vue+element-ui问题：重复点击按钮或多个请求同时报错时弹出多个提示框解决办法：重写message，下一个弹框显示时关闭上一个弹框message.js/**重置message，防止重复点击重复弹出message弹框 */import {Message} from 'element-ui';`在这里插入代码片`let messageInstance = nul...

导航当中设置:default-active值之后点击页面中的跳转链接（即将前往的页面不在导航中），此时的导航高亮就会消失，目标：点击父页面中的查看按钮，进入到详情页面，父页面导航仍然保持高亮。刷新浏览器导航，当前页面对应的导航仍然保持高亮。未退出系统，直接关闭浏览器的情况下，浏览器直接输入地址进入系统的，打开什么页面相对应导航高亮呈上代码：在index.js中添加下面代码：（路由权...