黑玫瑰

用自定义指令的方式实现拖拽功能

vue项目中遇见了这样一个问题：使用this.$router.go(-1)回到上一页，路由改变了，但是页面展示还是停留在当前页面，需要手动刷新才能渲染跳转后的页面。router-view 如下：一般情况用到上面这种写法就能解决问题了，但是我这里还是不生效。然后我就想到了如下方法：解决思路：在钩子时，使用存储from.path；然后在点击返回的时候使用this.$router.push代码：...

简单粗暴，直接上代码el-table-loadmore/index.js文件const vueClearIndex = {}/** element 表格实现滚动加载*/vueClearIndex.install = Vue => { Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper')

Vite简介Vite这个单词是一个语法单词，意思是轻快。它和我们使用vue-cli的作用基本相同，都是项目初始构建工具，相当于Vue项目构建的第二代产品，当然它也包含了项目编译功能。需要注意一下Vite的生产环境下打包是通过Rollup来完成的。目前还属于beta版本，还不是正式版本，且对vue只支持vue3的项目，不支持vue2的项目。Rollup是JavaScript的模块bundler（打包器），可以将一小段代码编译为更大更复杂的内容，列如库或应用程序。Vite特性1、Vite主打特点就是

一、环境Vue CLI 3需要 nodeJs ≥ 8.9 (官方推荐 8.11.0+，你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本）1、下载安装node下载地址：https://nodejs.org/en/2、检查是否安装成功二、安装1、全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它，否则跳过此步：npm uninstall vue-cli -g //或者 yarn global remove vue-cli2、安装@vue/c

tinyMCE.activeEditor.selection.setContent(`<span style="color:red">{total_score}</span>`)在光标处插入内容otalScore() { tinymce.activeEditor.execCommand('mceInsertContent',false,`<span style="color:red">{total_score}</span&g.

引入使用实现效果

前言词云，说起来可能并不是很熟，但是开发中会用到哦！效果图如下：安装npm install vue-b2wordcloud --save引入在main.js里引入import VueWordcloud from 'vue-b2wordcloud'Vue.use(VueWordcloud)使用 <vue-wordcloud style="width: 1000px;height: 1000px;background:none" id="canvas" :options="opt

前言只要有软件的开发就会有管理后台的开发，然而就现在很多管理后台都是需要打印功能的，其实也有那种前端生成pdf的需求，但总的来说，个人还是觉得用打印里面的“另存为PDF”比较香。我这里使用的是print-js，官网优点：可打印多种格式内容（pdf、json、html、image），默认类型为pdf。打印json时可以添加表头。打印html页时可以继承原有页面的样式，可以局部打印，过滤掉要打印的元素。那么打印怎么实现呢？请接着往下看安装npm install print-js --save

安装npm i expr-eval使用 var Parser = require('expr-eval').Parser var parser = new Parser(); var expr = parser.parse('2 * x + 1'); console.log(expr.evaluate({ x: 3 })); // 7 // or Parser.evaluate('6 * x', { x: 7 }) // 42更多请查看文档...

一、新建自定义文件preventReClick.js这里定时器的时间可以修改的哦。import Vue from 'vue'const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListener('click', () => { if (!el.disabled) {

下载字体文件（我没有免费资源 T^T）

实现前进刷新，后退不刷新。前进、后退分别使用不同的过场动画。什么是 vue-navigation?（1）vue-navigation 是一个基于 vue 与 vue-router 的第三方导航库。（2）与 keep-alive 相似，vue-navigation 可以保存页面状态。（3）比 keep-alive 强的是，vue-navigation 保存状态是可以识别路由的前进后退的。其导航默认行为类似手机 APP 的页面导航（假设 A、B、C 为页面）：A 前进到 B，再前进到 C；C.

Element-ui 重复点击同一个路由 会报错:NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}解决办法：在router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import store from '@/store'Vue.use(VueRouter) //解决路由跳转原路由或者刷

html2canvashtml2canvas在浏览器上对整个或者局部页面进行“截图”，也就是通过遍历页面的DOM结构，搜集所有元素信息及样式，渲染出canvas image。由于html2canvas只能将它能处理的生成canvas image，因此渲染出来的结果并不是100%与原来一致。但它不需要服务器参与，整个图片都由客户端浏览器生成，使用很方便。jsPDFjsPDF库可以用于浏览器端生成PDFhtml2canvas+ jsPDF 实现html转pdf并下载1、下载插件模块npm inst

vue 路由跳转并打开新页面,主要使用了this.$router.resolve的方法。获取到href,再用原生JS的方式跳转。const {href} = this.$router.resolve({ path: '/name')window.open(href, '_blank')

安装Vue CLI 3需要 nodeJs ≥ 8.9 (官方推荐 8.11.0+，你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本）1、全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它，否则跳过此步：npm uninstall vue-cli -g //或者 yarn global remove vue-cli2、安装@vue/cli（Vue CLI 3的包名称由 vue-cli 改成了 @vue/cli）1 cnpm install -g

安装npm install vue-video-player --save引入【1】全局引用， 在main.js里面导入并引用import VideoPlayer from 'vue-video-player'import 'vue-video-player/src/custom-theme.css'import 'video.js/dist/video-js.css' Vue.use(VideoPlayer)【2】组件内引用import { videoPlayer } from

什么是VuexVuex是一个专门为vue.js设计的集中式状态管理架构。在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。即data中需要共用的属性。数据丢失在使用Vuex的时候只要浏览器一刷新，Vuex数据就丢失，每次还要手动存在本地缓存里面很不方便vuex-persistedstatevuex-persistedstate 使用浏览器的本地存储（ local storage ）对状态（ state ）进行持久化。这意味着刷新页面或关闭标签页都不会删除你的数据。安装npm i

原因Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。同样也解析不了Es6的语法。 解决需要我们使用babel（Babel是一种工具链，主要用于将ECMAScript 2015+代码转换为当前和旧版浏览器或环境中的向后兼容版本的JavaScript）。但是Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect.

场景一main.js文件中引入的顺序不对，被覆盖了，调整下顺序就ok了场景二代码格式化的时候，格式不对导致的，调整为一行即可格式化给为下面这样就好了

vue中组件之间如何传参及组件间如何触发方法一、父子组件1、如何传参1）父组件向子组件传参2）子组件向父组件传参2、如何调用方法1）父组件触发子组件方法2）子组件触发父组件方法非父子组件一、父子组件1、如何传参1）父组件向子组件传参方法一：props父组件子组件方法二：$children父组件this.msg2=this.$children[0].msg2）子组件向父组件传参方法一：$emit父组件子组件方法二：$parent子组件this.msg22

如何搭建一个vue项目一、安装node环境二、搭建vue环境三、vue项目目录讲解四、解决vue不能自动打开浏览器的问题一、安装node环境1、 下载地址：https://nodejs.org/en/2、 检查是否安装成功：node -v如果输出版本号，说明我们安装node环境成功3、 可以使用淘宝的镜像：http://npm.taobao.org/命令：npm install -g cnpm –registry=https://registry.npm.taobao.org即可安装npm镜

1、this.$router.go(0)在vue中可以使用此方法，但是safari不支持2、window.location.reload()