爱听书的程序猿

摘要： 最终展示效果： 点击node节点，显示其详情： 话不多说，上代码 父组件引用及其传参： <flowchart ref="flowchartRef" :chartData="hierarchicalArray" :Index="5" />proxy.$refs.flowchartRef.initWid 阅读全文

摘要： 1.可以调整滚动的快慢，2.内容高度不够的时候停止滚动，3.鼠标移入停止滚动，移出继续，4.列宽平分整行且居中对齐 ，5.可动态设置某列状态颜色 实现效果如图： 踩了好多坑，vue-seamless-scroll(它不支持数据少的情况下自动停止滚动，需要传入step为0)，根据获取el-table内 阅读全文

摘要： 1. 安装需要的插件并引入 import PizZip from 'pizzip' import Docxtemplater from 'docxtemplater' import JSZipUtils from 'jszip-utils' import { saveAs } from 'file- 阅读全文

摘要： 1.安装依赖插件 npm install html2canvas docx file-saver 2. 示例组件 <div class="pageCodeDiv" :id="`card-${index}`" :ref="el => cardRefs[index] = el" v-for="(item 阅读全文

摘要： 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 阅读全文

摘要： 电子围栏设置 阅读全文