另一种获取光标的方法见文章 https://blog.csdn.net/Sunny_lxm/article/details/89445518 （一）、单元素 效果： <!-- 单元素获取光标位置 --> <div class="el-textarea"> <textarea v-model="content" id="textarea" type="textarea"…
Vue中， 我使用了被大家用烂了的 axios ，为了实现跨域请求，需要如下配置： 以下关于 withCredentials 的含义： 摘自 mozilla开发者中心 XMLHttpRequest.withCredentials 属性是一个Boolean类型，它指示了是否该使用类似cookies,authorization headers(头部授权)或者TLS客户端证书这一类资格证书来创建一个跨站…
1、做v-for列表循环时： 首先是div <div class="index"> <div v-for="item in list"> //这里使用的是 div <div>{{ item.id }}</div> <div>{{ item.name }}</div> <div>{{ item.music }}<…
公司项目做地图，20w的点标记，导致页面超级卡，后面发现是因为将地图和地图上所有的东西全部定义在了data的return中，后面改了之后发现页面流畅了很多 <button type="primary" @click="clickA">{{a}}</button> <button type="primary" @click="clickB">{{b}}</b…
回调函数中的this会指向全局对象，而vue的module默认使用严格模式回调函数中的this会指向undefined，那watch属性中的回调函数怎么指向vm实例呢，原因是在watch的源码里使用了call指定了this是vm实例 箭头函数不能在watch里使用，因为箭头函数本身没有this，无法使用call指定this，箭头函数的this就是定义时上层作用域中的this， 这个this是固定的…
本文会提到两种实现方法，之前我使用的是第一种，后来加了固定列，发现展开与折叠失效，故而出现了第二种方法。 一、通过class名称获取节点，并对节点进行操作（该方法表格添加固定列会失效） 1.全部展开 looAll(){ let expandElementList = document.getElementsByClassName( "el-table__expand-icon" ); if (th…
直接上代码 <template> <div> <div class="box"> <div :class="'tinydemo css'"></div> <div class="resize" @mousedown="dragEagle"> <div></div> </div> </d…
目录 Vue 开发环境构建优化 1、背景 2、简介 3、实现 Vue 开发环境构建优化 1、背景 在项目实现的过程中，想在代码更改的同时，查看效果的改变， 而这个时候长时间的编译等待，造成了额外的时间浪费。 2、简介 HardSourceWebpackPlugin 是 webpack 的插件，为模块提供 中间缓存 步骤。 为了查看结果，需要使用此插件运行 webpack 两次： 第一次构建将花费正…
问题描述： 打印模板里配置的二维码是偏小的，但是在页面使用打印的时候打印预览的二维码不是预期大小，如图： 原因： 配置二维码的时候上下左右（图中箭头）会有一部分区域，打印时的二维码会根据图中虚线的范围作为二维码的宽高，因此会导致二维码的大小不能达到预期。 解决办法： 用模板的 width 和 height 来判断当前的阴影部分，若 width > height，那么就将 height作为二维…
项目需求 ： 每次进入页面时，需要 自动聚焦 到一个文本框上，让其右侧的设置面板显现出来。 （ 这里之所以 p 标签可以进行聚焦是因为其设置了 contenteditable 为 true 了 ） 并且 光标 最好是自动移至到最后面，优化用户的体验。 代码实现 ： <template> <div> <p id="noteInput" v-html="text" con…