【代码】vue3 | select下拉选择器组件封装。

<keep-alive> 标签：是Vue的内置组件，能在组件切换过程中将状态保留在内存中，取消组件的销毁函数，防止重复渲染DOM。当用它包裹 <router-view> 时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，它自身不会渲染一个 DOM 元素。使用 <keep-alive> 组件后即可使用 activa...

【代码】vue3 | select下拉选择器组件封装。

2.列的显示隐藏控制，默认根据接口数据是否有返回绑定prop对应的字段，来实现列的权限控制显隐，也可通过外部传tableHeader来自行控制。1.统一样式，通过slot插槽而非json配置项的形式，来兼容原有table的template写法，方便改造。

1.对全部数据进行排序，需要对el-table绑定sort-change监听<el-table :data='tableData' @sort-change='sort_change'>sort-change绑定方法具有参数：column，这是一个对象：column: {prop: 'xxxx', // el-table-column中的proporder: 'x...

1.对全部数据进行排序，需要对el-table绑定sort-change监听<el-table :data='tableData' @sort-change='sort_change'>sort-change绑定方法具有参数：column，这是一个对象：column: {prop: 'xxxx', // el-table-column中的proporder: 'x...

1.安装echarts依赖$ npm install echarts -s2.main.js全局引入// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts3.创建一个存放图表的容器<div id="chartbox"></div>4.绘制图表export de...

1.在vue.config.js中使用chainWebpack添加externals配置module.exports = {chainWebpack: config => {if (process.env.NODE_ENV === 'production') {// #region 忽略生成环境打包的文件var...

1.引入方式普通引入<template>// 普通引入<img src = "../assets/images/01.jpg">// webpack编译处理后:<img src = "/img/01.f0afc36d.jpg"><template>变量引入<template>...

应用场景：滚动条复原、页面加载完成后滚动到指定位置。1.在router.js中添加如下代码export default new Router({routes:[],scrollBehavior (to, from, savedPosition) {if(savedPosition){return savedPositi...