vue插件使用
文章平均质量分 54
vip.khan
这个作者很懒,什么都没留下…
展开
-
在vue中使用tinymce富文本编辑器+tinymce富文本编辑器插入图片+自定义菜单按钮封装+vue-tinymce富文本
1.安装npm install tinymce -Snpm install @packy-tang/vue-tinymce2.把node_modules\tinymce里面的tinymce文件夹复制到public文件夹下面,并在html中引入tinymce.min.js,如下图3.在mian.js中引入@packy-tang/vue-tinymce4.封装组件代码<template> <div> <vue-tinymc...原创 2021-07-15 11:57:20 · 3120 阅读 · 5 评论 -
在vue中使用pdfjs-dist把pdf文件转为canvas
因为pdf存在分页的情况所以加了个目录,以下就是pdf转为canvas的最终成果上代码1、html<template> <div class="pdfEditor"> <div class="editor-pages" v-loading="loading"> <div id="container_catalog"> <div ..原创 2021-07-12 14:25:58 · 1916 阅读 · 0 评论 -
[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event.
在基于 Element-ui 写项目的时候,Chrome 提醒:[Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Conside翻译过来如下:违反:没有添加被动事件监听器来阻止'touchstart'事件,请考虑添加事件管理者'passive',以使页面更加流畅。原因是 Chrome51 版本以后,Chrome 增加了新的事件捕获机制-Passive Event Liste原创 2021-02-24 14:37:44 · 1626 阅读 · 1 评论 -
vue-amap 定位和逆解码
1.安装:npm install vue-amap --save2.main.js引入:import VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: 'key',//自己申请的key plugin: ['AMap.Scale', 'AMap.OverView', 'AMa...原创 2020-01-13 15:52:00 · 1759 阅读 · 0 评论 -
vue中使用swiper
1.下载cnpm install swiper2.引入swiperjs:在script标签中引入swiper模块import Swiper from "swiper"css:在style标签中引入swiper的css@import url("../../node_modules/swiper/css/swiper.css");3.使用:html部分:&l...原创 2019-11-30 11:43:14 · 444 阅读 · 0 评论 -
vue中正确使用jquery
1.下载安装npm install jquery --save2.webpack.base.conf.js中修改配置2.1.webpack.base.conf.js最顶部引入var webpack = require('webpack')2.2.webpack.base.conf.js中module.exports添加一段代码//原有代码 resolve: {...原创 2019-11-30 10:49:04 · 393 阅读 · 0 评论 -
在vue中使用echarts,echarts-map:echarts画地图
1、首先安装:cnpm install echarts --save2、然后main.js引入(也可以组件内引入)// 引入ECharts图表公共组件import echarts from 'echarts'Vue.prototype.$echarts = echarts 3、再然后我们来画个折线图,长这个样子,单纯的折线图哈3.1、接下来是折线图的代码<te...原创 2019-05-09 18:31:32 · 13314 阅读 · 0 评论 -
vue 路由发生变化修改页面title
在main.js中写router.beforeEach((to, from, next) => { /* 路由发生变化修改页面title */ if (to.meta.title) { document.title = to.meta.title } next()})router文件中export default new Router({ mode: 'hi...原创 2019-05-13 15:24:56 · 926 阅读 · 0 评论 -
vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie下显示空白
1、安装babel-polyfillnpm install babel-polyfill --save-dev2、main.js中引入import 'babel-polyfill'3、webpack.base.conf.js文件里修改代码如下module.exports = {entry: {app: ["babel-polyfill", "./src/main.js"...原创 2019-05-28 14:46:45 · 3153 阅读 · 3 评论 -
在vue中使用tinymce富文本编辑器+tinymce富文本编辑器插入图片
1.安装# npm install tinymce -S2.把node_modules\tinymce里面的文件包括tinymce文件夹全部复制到static文件夹下面,如下图3.在mian.js中引入tinymce(也可以在组件中引入)import Tinymce from 'tinymce'Vue.prototype.$tinymce = Tinymce...原创 2019-04-26 15:32:09 · 40428 阅读 · 15 评论