随笔分类 - Vue
摘要：//如果后端返回的是文件流而不是下载地址，前端需要设置处理，创建下载链接 <button @click="eventDocDownInfo()">Download File</button> async function eventDocDownInfo() { try { // const res
阅读全文
摘要：借助原生 JavaScript 的 navigator.clipboard.writeText() 方法来时（要求页面是在用户交互的上下文中，比如点击事件处理程序中调用） 如：点击列表的复制按钮，得到指定列（data）的值到粘贴板 <template> <div> <button @click="c
阅读全文
摘要：vue 页面导出为pdf与word 一.导出为word 基于 docxtemplater 来导出word文档的方法 1.安装引用依赖 // 安装 docxtemplater npm install docxtemplater pizzip --save // 安装 jszip-utils npm i
阅读全文
摘要：因为v-for 带索引时,括号与in之间必须加空格，否则就会报如下如的错误。 正确如下：in与括号之间必须要有空格
阅读全文
摘要：vue 使用elementUI实现树懒加载功能以及节点过滤 1.过滤：设置filter-node-method，值为过滤函数。 2.懒加载：点击节点时才进行该层数据的获取 <el-input placeholder="输入关键字进行过滤" size="mini" v-model="filterTex
阅读全文
摘要：Vue 删除取消时报Uncaught (in promise) cancel错误，如下图： 原因：this.$confirm方法内置promise方法， 所以.catch()不能省略（因为取消操作时，无法捕获），虽然不影响操作，但操作台报错 重点：在this.$confirm方法后加上 .catch
阅读全文
摘要：js 获取当前时间戳与前一天或者后一天时间戳 获取当前时间戳： new Date().getTime() 获取前一天时间戳： (new Date()).getTime()-24*60*60*1000 //当前时间戳（毫秒） - 1天毫秒数 = 前一天时间戳 获取明天时间戳： (new Date())
阅读全文
摘要：vue elementUI el-tree默认选中树节点 1.设置一个固定值作为key：node-key="id" 2.定义当前选中节点的key：:current-node-key="currentId" <el-tree node-key="id" :current-node-key="curre
阅读全文
摘要：js实现动态时间功能，实时日期自走动功能 效果如下： html页面js方式实现 1.获取实时日期 <div id="headerTime" class="header-time text"> <span class="header-time-span1" id="tobaccoTime1"></sp
阅读全文
摘要：动态传参的Echarts图表，需要根据不同参数改变图表的构建时，发现只通过 var myChart = echarts.init(document.getElementById('main'));//<div>容器id：main 实例化，在第二次查询时echarts上会遗留上次查询的结果。问题如下图
阅读全文
摘要：在el-input中可以通过 prefix-icon（首部）和 suffix-icon（尾部） 属性在 input 组件增加显示图标，也可以通过 slot 来放置图标。如下图： 代码如下： <div class="demo-input-suffix"> 属性方式： <el-input placeho
阅读全文
摘要：1.在子组件中通过“this.$parent.event”来调用父组件的方法 父组件如下： <template> <div> <child></child> </div> </template> <script> import child from './components/childcompon
阅读全文
摘要：首次加载默认选中节点，使用vue 的nextTick ，在他的内部去调用 el-tree的函数setCurrentKey html:设置node-key <el-tree ref="treeRef" :expand-on-click-node="false" :data="treeData" nod
阅读全文
摘要：vue css不显示滚动条可滚动,设置滚动条颜色（滚动条依然存在，只是背景色为透明） .el-main为滚动条的所在元素 .el-main::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ background: rgba(0, 0, 0, 0); /*设置滚动条颜色*
阅读全文
摘要：这个例子是使用高德地图官网自定义信息窗体，非vue-amap封装的高德地图组件 vue使用：https://www.cnblogs.com/luckybaby519/p/15706546.html HTML使用：https://www.cnblogs.com/luckybaby519/p/15703
阅读全文
摘要：这个不是avue大屏的，avue大屏请看https://www.cnblogs.com/luckybaby519/p/15682365.html 不懂得可以问我哦 var Xdata = ['63.27','27.90','33.52','17.98','42.25','24.54','33.96'
阅读全文
摘要：后端提供的接口是0和1，avue的开关按钮是true和false，需要做处理，我这里点击开关后值是反的，所以用了反向判断，具体需要什么逻辑需要调试 效果图如下： HTML部分使用插槽（在avue-crud内使用插槽） 在插槽上做判断将返回的值转为true和false，（如果后端提供的是true和fa
阅读全文
摘要：关于window.location的详解： window.location 对象不仅可以获得当前页面的地址 (URL)，还能够将浏览器重定向到新的页面。 下面，以http://www.xxxxxx.com:8000/test?id=123&username=xxx为例来进行解释： 1. window
阅读全文
摘要：@click//单击 @mousedown//按下 @mouseup//抬起 @dblclick//双击 @mousemove//移动 @mouseleave//离开 @mouseenter//进入 @mouseover//移入 @mouseout //移出
阅读全文
摘要：导入Excel功能实现步骤： 1.首先通过elementUI组件自定义导入按钮：如下图 代码如下：用的是elementUI的上传组件 实例1：列表（html部分）不需要下面的导入点击事件 <el-upload style="display:inline-block;" :show-file-list
阅读全文
