qq_33475629-CSDN博客

场景描述：1、在富文本编辑器内，对文字进行了排版，以下为文字居中样式2、在页面里使用v-html渲染富文本代码时，出现ql-align-center的class名，但是居中并未生效解决办法：1、在需要显示富文本样式的项目中，安装quill：npm i quill；2、页面里引入样式css文件：import "quill/dist/quill.core.css"；3、使用v-html的标签上加入class类名：class="ql-editor"；最终效果：完美

2022-04-14 09:58:48 3543 1

原创 package.json中^和~符号含义

（1）指定版本：比如"echarts": "4.9.0"，表示安装4.9.0的版本;（2）~版本：比如 "clipboard": "~3.6.5", 表示安装3.6.x的最新版本（不低于3.6.5），但是不安装3.7.x，也就是说安装时不改变大版本号和次要版本号；（3）^版本：比如 "element-ui": "^2.14.1", 表示安装2.14.1及以上的版本，但是不安装3.0.0，也就是说安装时不改变大版本号。...

2022-04-02 10:00:22 1265 1

原创 uniapp—H5和App坑

1、uni-notice-bar在App端不滚动显示解决：setAnimation方法下面添加app端的判断：//#ifdef APP-PLUSsetTimeout(() => { uni.createSelectorQuery().in(this).select(`#${this.elId}`).boundingClientRect().exec((ret) => {this.animation = `notice ${ret[0].width / this.speed}s l

2022-02-28 11:57:32 920

原创 Vue中$set的用法

Vue双向绑定原理，属性必须在data对象上存在时才能进行双向绑定，如果要给对象添加新的属性，此时需要用到$set。1、由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：array.items[indexOfItem] = newValue，解决：用$set方法this.$set(Array, index, newValue)2、有时你想向已有对象上添加一些属性，例如使用 Object.assign() 或 _.extend()

2022-01-11 21:07:31 1137

原创 el-form表单提交回车键刷新

阻止el-form表单提交时，按enter回车键刷新整屏：@submit.native.prevent.native 表示对一个组件绑定系统原生事件.prevent 表示提交以后不刷新页面<el-form :model="queryParams" ref="queryForm" :inline="true" @submit.native.prevent>...

2022-01-11 21:02:48 293 1

原创 Vue 一些事件

1、@scroll：滚动条事件，元素要设置overflow-y: scroll;2、@mousewheel：鼠标滚轮事件3、@paste：复制粘贴事件4、@drop：拖拽事件5、@contextmenu：浏览器右键菜单事件

2022-01-11 20:59:55 1224

原创 Vue 使用keep-alive缓存后页面触发钩子

一、不使用keep-alive：beforeRouteEnter --> created --> mounted --> destroyed二、使用keep-alive：beforeRouteEnter --> created --> mounted --> activated --> deactivated再次进入缓存的页面，只会触发beforeRouteEnter -->activated --> deactivated，crea

2022-01-11 20:58:26 1330 2

原创 vue + matomo实现埋点

一、引入npm i vue-matomo二、在 main.js中配置import VueMatomo from 'vue-matomo'Vue.use(VueMatomo, { host: 'http://xxx.xxx.x.xxx', // 你自己的matomo地址 siteId: 1,//siteId值，这个值页需要去matomo上去申请 // 根据router自动注册，需要注意的是如果有路由传值值太长的话matomo会监听不到并报414，就不能使用此方法了。解决：app....

2022-01-11 20:57:08 2315

原创 Quill富文本图片上传服务器、复制粘贴图片上传

引入：import { ImageExtend, QuillWatch } from "quill-image-extend-module";Quill.register("modules/ImageExtend", ImageExtend);一、上传图片到服务器1、options配置modules// 处理点击工具栏图片按钮，上传图片base64位转换成服务器图片url ImageExtend: { loading: true, // 可选

2022-01-11 20:52:49 2493

原创 Quill富文本基于视频的改造

一、视频上传弹窗 <el-dialog width="50%" title="视频上传" :visible.sync="videoUploadTag" append-to-body > <el-input v-model="videoLink" placeholder="请输入视频链接，仅支持MP4、Ogg、WebM格式。例https://

2022-01-11 20:42:38 2027 1

原创 ElementUI自带清除表单方法

ElementUI自带清除表单方法this.$refs[formName].resetFields(); // 重置表单并移除校验 this.$refs[formName].clearValidate(); // 仅清除验证

2022-01-11 20:29:15 832

qq_33475629的博客

原创 element表单校验，数据循环校验

原创 Element的表格el-table合计显示多行，以及合计行合并单元格

原创 Vue3的router路由跳转参数params接收不到

原创 Safari浏览器不兼容window.open

原创登陆表单点击提交时，会刷新页面一次并且url中自动带入？问号

原创 element的select下拉框在移动端需要点击2次才选中

原创 window.addEventListener监听触发多次的情况

原创 Vue 自己封装的组件，全局js里面使用

原创 Quill富文本编辑器设置焦点

原创 vue的$refs如何添加class类名

原创 form-gen-parser处理el-upload上传和提交表单后回显

原创 Vue 一键初始化data数据

原创 iframe跨域通信-postMessage

原创 vue页面嵌套iframe缓存

原创 Quill富文本编辑器禁用

原创 Vue-router无刷新删除页面参数

原创 Element弹窗中弹出弹窗

原创富文本插件quill生成内容后，字体样式未生效