实现效果：因为pro手脚架中封装的s-table不支持expand和expandedRowsChange事件，无法实现根据展开节点获取其内部数据的需求，因此直接使用a-table组件表格外层可以翻页，查询携带页码参数<a-tablesize="default"rowKey="dict_id" //根据自己数据内部关键针设定ref="...

jsplumb中文教程地址：https://wdd.js.org/jsplumb-chinese-tutorial/#/需求效果展示：说明：在展示普通流程图的基础上，实现以下功能：在流程图中展示当前所在节点，并体现出其流转过程。上图中当前节点为分公司咨询组，流转过程为：派单->省公司虚拟专家组->分公司咨询组安装依赖包：npm i jsplumb在main.js中...

1.首先要在全局安装lessnpm install less -g2.然后下载easy less插件3.在项目根目录下创建.vscode文件夹，并在其中创建settings.json文件4.在新创建的配置文件中输入以下信息：{"less.compile": {"out": "${workspaceRoot}\\css\\"}}...

注意点：定义的columns一定要写在data中，否则在加载过程中由于渲染顺序会导致其中的渲染函数无法识别渲染方法1：指定渲染函数：const columns = [{title: '排名',dataIndex: 'key',customRender: renderContent // 渲染函数的规则}...

vue项目开启gzip自拍压缩和部署 nginx开启gzip优化性能第一步，在vue项目中安装依赖并将productionGzip改为true，开启Gzip压缩：npm install --save-dev compression-webpack-plugin第二步，运行 npm run build打包项目，这时可能会报错，提示ValidationError: Compression ...

mounted () {window.addEventListener('resize', () => {if (document.body.clientWidth < 900) {this.tabposition = 'top'} else {this.tabposition = 'left'}})}补充：最好是将监听后对应的操作函数封装起来...

父子组件的通信请查看这篇博文此文主要介绍兄弟组件间的通信所有组件通信方式请查看这篇博文第一种：eventbus创建bus.jsexport default(Vue) => {const eventBus = new Vue()Vue.prototype.$bus = {$on (...param) {eventBus.$on(...p...

assets：在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png),”./logo.png”是相对资源路径，将有webpack解析为模块依赖static：在这个目录下文件不会被webpack处理，简单就是说存放第三方文件的地方，不会被webpack解析。他..

1.安装element-ui库npm i element-ui -S2.在启动文件中配置import{DatePicker}from'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(DatePicker);3.在页面中使用<el-date-pickerv-model="value1"type="daterang

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如pro...