![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
随记
艾小双
这个作者很懒,什么都没留下…
展开
-
富文本编辑器 鼠标移到工具栏给出功能提示
quill-editor默认的工具栏,是没有title提示的,我们可以手动给它添加一个title属性代码如下:data(){ return { tooltips:[ {choice:'.ql-bold',title:'加粗'}, {choice:'.ql-size',title:'字体大小'}, {choice:'.ql-color',title:'字体颜色'}, {choice:'.ql-background',title:'背景颜色'}, {choice:'.ql原创 2021-01-18 17:51:26 · 695 阅读 · 0 评论 -
富文本编辑器 禁止改变文本内容
最近做一个项目,用的是quill-editor编辑器,实现的效果是可以编辑样式,不能改变文本内容,百度了很多,都是连工具栏也禁用了,后来检查元素,看html原生代码,发现有一个contentEditable 属性,改为false就可以实现禁止编辑文本内容了,代码如下:<quill-editor v-model="content" :options="editorOption" @focus="onFocus($event)"></quill-editor>mounted原创 2021-01-18 17:39:02 · 3476 阅读 · 2 评论 -
element-ui select框手动实现全选功能
从后端获取数据,前端手动加入‘全选’选项,然后利用watch实现控制全选的效果,点击全选,下面所有选项都选中,取消全选,所有选项都取消选中。<template> <div> <el-form> <el-form-item label="区域:"> <el-select multiple v-model="salesArea" collapse-tags placeholder='请选择销售区域原创 2020-07-09 16:48:40 · 926 阅读 · 0 评论 -
git修改已提交的commit信息
1,输入命令git commit --amend2,进入编辑模式按 i 键进入编辑模式,把错误的commit信息改成自己正确的信息。3,退出编辑模式按 ESC 退出编辑模式4,完成修改,查看结果在非编辑的模式下输入 :wq 然后回车,就提交成功了...原创 2020-05-07 14:04:53 · 645 阅读 · 0 评论 -
vue中表单的this.$refs[formname].validate不生效
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-08-12 14:09:27 · 7822 阅读 · 5 评论 -
element-ui 日期控件设定当前日期之前的日期不可选,包含当天
在工作中,有时候会遇到一些功能,就是当前日期之前的日期不能选择,那么怎么实现呢代码如下:<el-date-picker v-model = 'time' :picker-options='pickerBeginDateBefore' @change='change' type='daterange' start-placeholder='开始...原创 2019-08-12 14:26:24 · 8423 阅读 · 3 评论 -
vue 中为选中字段绑定超链接,实现页面跳转
几个知识点总结一下:1,window.getSelection():获取选中的字段,返回的是一个Selection对象,可以通过连 接字符串或者String.toString()转为字符串。同 document.getSelection()2,Selection.getRangeAt(0):返回一个包含当前选区内容的区域对象。3,Range.deleteCo...原创 2019-09-09 16:20:42 · 6641 阅读 · 0 评论 -
table 表格 实现固定表头
现在有很多UI框架都封装好了table的各种使用方法,这里记录一下,不用UI框架怎么实现表头固定。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>...原创 2019-09-11 14:48:11 · 411 阅读 · 0 评论 -
vue-router 知识点合集(一)
1,指定路由跳转页面的方式,有两种,如下<router-link to="/home">home</router-link><router-link :to="{path:'/home'}">home</router-link>2,router-link路由组件,默认是指向a标签,如果想转换为其他标签,使用tag属性,指定标签。如图指向li标...原创 2019-09-23 09:01:54 · 174 阅读 · 0 评论