vue
我是君君呀
惟愿天下和平,bug为0
展开
-
tinymce-vue——在Vue项目中应用及实现自定义功能(插入自定义卡片、修改元素支持属性等)
背景:vue-cli3 + ant-design-vue 搭建的后台管理系统,wangEditor3做为其中的富文本编辑器需求:在富文本中插入自定义样式的卡片最终效果 :接下来开始了解我是如何实现这个功能的吧~step1:安装与引用(参考①)npm install @tinymce/tinymce-vue -Snpm install tinymce -S在editor.vue中使用<template> <div class="editor-wrapper">原创 2020-05-19 10:14:25 · 7725 阅读 · 9 评论 -
vue-quill-eidtor——在Vue项目中应用及实现自定义功能
背景:vue-cli3 + ant-design-vue 搭建的后台管理系统,wangEditor3做为其中的富文本编辑器需求:在富文本中插入自定义样式的卡片最终效果:接下来开始了解我是如何实现这个功能的吧~一、安装及引用(参考①)npm install vue-quill-editor --save引用组件:新建一个editor.vue<template> <div id="Test"> <quill-editor ref="myTextEdi原创 2020-05-15 10:29:32 · 940 阅读 · 2 评论 -
Vue项目实践——实现手机扫描二维码预览页面效果
背景:vue-cli3 + ant-design-vue 搭建的后台管理系统需求:实现扫描二维码即可在手机预览H5页面功能使用插件:qrcodestep1:安装插件npm install qrcode --savestep2:引入插件在项目中新建QRcode.vue文件<template> <div id="qrCode"> <div id...原创 2020-03-06 14:26:38 · 4678 阅读 · 2 评论 -
wangEditor3——在vue中应用并开发插件的小实践
背景:vue-cli3 + ant-design-vue 搭建的后台管理系统,wangEditor3做为其中的富文本编辑器需求:在富文本中插入自定义样式的卡片最终效果:step1:在引入编辑器中的菜单栏插入插件的图标,并撰写样式step2:在编辑区域中写入插件弹窗,并撰写样式wangeditor.vue<div class='editor'> <di...原创 2020-03-05 10:27:37 · 1029 阅读 · 0 评论 -
Vue项目(vue-cli3 + antd)使用babel对IE进行兼容处理之小白踩坑史
背景:vue-cli3 + ant-design-vue 搭建的后台管理系统需求:兼容IE(过低版本做版本升级提示)——前期测试环境未做兼容性的处理,导致正式环境测试时发现使用某些浏览器(某360的5.0正式版及盗版Chrome(¬_¬)百度一查说是使用了IE内核)会导致页面无法正常加载影响使用接下来,开始我的踩坑经历…第一坑:babel-loader 和 babel 需要版本合适并配套使...原创 2020-02-13 17:23:08 · 3054 阅读 · 3 评论