随笔分类 - vue
摘要：功能为右侧描点导航，点击后内容滚动到指定位置，监听滚动条，右边描点导航高亮 效果图： 组件封装 PointTags <template> <div class="point-wrap"> <el-tabs tab-position="right" v-model="activeTag" size="
阅读全文
摘要：一，默认插槽和具名插槽 // 子组件 <template> // 匿名插槽 <slot/> // 具名插槽 <slot name='title'/> </template> // 父组件 <!-- 具名插槽 --> <template #default> <div class="tab-header
阅读全文
摘要：配置前言项目构建：基于vue-cli3构建，使用postcss-px2rem px2rem-loader进行rem适配实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将px单位转换成rem单位前方有坑：UI框架部分组件使用JavaScript将css作为内联样式
阅读全文
摘要：<el-table :data="tableData" style="width: 100%" :default-sort = "{prop: 'date', order: 'descending'}" > <el-table-column prop="date" label="日期" sortab
阅读全文
摘要：安装cross-env插件 cnpm i --save cross-env 1.修改package.json，如下 "scripts": { "devcom": "cross-env API_ENV=com vue-cli-service serve --open", "devgov": "cros
阅读全文
摘要：老版本的webpack打包报ERROR in static/js/vendor.2eff2b5a1d36f4b7f033.js from UglifyJs 原因是因为 UglifyJs需要识别es5 根据报错内容为：./node_modules/asn1.js/lib/asn1/base/node.
阅读全文
摘要：前不久因为echarts点击事件失效的问题困扰了很久，因为项目在pc端已经完成了，准备适配移动端时就出现了这个问题，网上查了很久都没有找到解决方案，经过不断尝试才发现是echarts版本的问题，废话不多说，直接上代码。 webpack安装首先卸载之前的版本，也就是echarts的最新版本（点击事件失
阅读全文
摘要：// 自定义指令后，在el-table标签下使用v-loadmore
阅读全文
摘要：npm i jspdf-html2canvas prinOut(){ // 导出pdf let page = document.querySelector('.app-main'); // page 元素背景设成#FFF，解决打印处理黑边问题 html2PDF(page, { ...
阅读全文
摘要：<!-- 文件上传 --> <template> <section class="file-upload"> <p class="title">提案信息</p> <el-upload class="upload-demo" ref="fileUpload" accept=".xls,.xlsx" :class="{'pointer-events' : fileShow}" :action=&qu
阅读全文
摘要：<el-table :row-class-name="tableRowClassName" @selection-change="handleSelectionChange"> </el-table> methods:{ // 添加索引 tableRowClassName(row, index){ // 给每条数据添加一个索引 row.row.index = row.rowIndex }, del
阅读全文
摘要：版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/qq_27626333/article/details/87890664 能够实现在线预览，但Word、Excel、PPT文档用同样的方式打开
阅读全文
摘要：// 获取焦点 let txt = document.getElementById("countRule"); let temp = txt.value; txt.focus(); let pointIndex = txt.selectionStart; let str1 = temp.substr(0,pointIndex); let str2 = temp.substr(pointIndex,
阅读全文
摘要：// 引入组件 import Draggable from 'vuedraggable' // 使用组件 DragList 为自己封装好的组件 注意一定要使用vue的sync <DragList :sortArr.sync="sortArr"></DragList> // dragList组件 // :value 为绑定的传承 通过他来替换 <!--拖动排序列表--> <template> <ul
阅读全文
摘要：getElSize(id) { //得到元素的size return new Promise((res, rej) => { uni.createSelectorQuery().select('#' + id).fields({ size: true, scrollOffset: true ...
阅读全文
摘要：组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对不同的使用场景，如何选
阅读全文
摘要：data(){ return { hintShow : false, // 提示语显示 hint : '信息填写错误', // 提示语 /* * val 为值,err为错误显示, test检验信息 ...
阅读全文
摘要：先运行npm i @gauseen/nuxt-proxy -D 再nuxt.config.js的module.exports 里面添加如下代码
阅读全文
