摘要：
1. 安装插件 npm install vue-print-nb --save 2. main.js中全局引入 import Print from 'vue-print-nb' Vue.use(Print); 3. 页面中使用 <el-dialog :visible.sync="openCodeCa 阅读全文
摘要：
遇到了新需求，el-table中的多选行限制显示成单选行，并且单击当前行的其他地方也要默认勾选当前行数据，使用radio又嫌弃太丑了，需要方框，那就只能在之前的多选框上面改造了 思路：勾选超过1条勾选第二条的时候做处理，将新勾选的设置选中，之前勾选的一条取消选中 el-table页面添加 highl 阅读全文
摘要：
需要实现表格 (可以新增行, 表格中直接编辑数据，行可上下拖动重新排序) 实现效果（整行上下拖动之后，序号变化为1，2，3.......，可根据名称看效果哦）： 初始表格： 拖拽后： 1. 安装拖拽插件 npm install sortablejs --save页面中引入 import Sortab 阅读全文
摘要：
跳转页面： 因为数据接受页面是富文本编辑器接收，所以先是将数据双引号处理了。 数据太多太长，跳转页面只要用encodeURIComponent()函数将其数据处理后传过去 const details = this.oneform.text.replace(/"/g, '\'') this.$tab. 阅读全文
摘要：
vue页面： <el-table-column prop="videoPath" label="视频" align="center"> <template slot-scope="scope"> <div v-show="scope.row.videoPath"> <video :src="scop 阅读全文
摘要：
假设有这样一个数组： arr = [1,2,3,4]; 可以用如下ES6支持的方式，把第一和第二个元素互换： [arr[0], arr[1]] = [arr[1], arr[0]]; 数组最终变为： arr = [2,1,3,4]; 参考文档：https://blog.csdn.net/Zhangl 阅读全文
摘要：
页面内容太少，无法将内容区域撑开，从而在 footer 下面留下一大块空白；但是我们又希望footer能在窗口最底端。两种方法来解决这个问题： 方法一：footer高度固定+绝对定位 思路：footer的父层的最小高度是100%，footer设置成相对于父层位置绝对（absolute）置底（bott 阅读全文
摘要：
需求：右侧界面上一个新增菜单的弹框，点击确定按钮之后左侧的菜单也需要动态新增，这时就用到了兄弟组件之间的传值方式： 未添加菜单时左侧菜单为空 点击确定之后： 实现： 1. 添加菜单的弹框界面中form提交时 import bus from '@/utils/bus' //form提交 confirm 阅读全文
摘要：
效果图 1.安装插件 npm install vue-cropper // npm 安装yarn add vue-cropper // yarn 安装 2.引用 // 全局引用 main.jsimport VueCropper from 'vue-cropper'Vue.use(VueCropper 阅读全文