vue-quill-editor富文本编辑器取消自动获取焦点

最新推荐文章于 2024-04-26 17:54:13 发布

南柯彡

最新推荐文章于 2024-04-26 17:54:13 发布

阅读量1.4k

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_42574985/article/details/127420362

版权

mounted(){

this.$refs.myTextEditor.quill.enable(false);//解决富文本自动聚焦

setTimeout(() => {

this.$refs.myTextEditor.quill.enable(true);//一秒之后可点击

}, 1000);

 mounted(){
      this.$refs.myTextEditor.quill.enable(false);//解决富文本自动聚焦
      setTimeout(() => {
        this.$refs.myTextEditor.quill.enable(true);//一秒之后可点击
      }, 1000);
  },

这样打开之后就不是富文本的位置了

优惠劵

南柯彡

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue-quill-editor富文本编辑器取消自动获取焦点

/解决富文本自动聚焦。这样打开之后就不是富文本的位置了。
复制链接

扫一扫

关于tinymce富文本第二次点击无法编辑，切换页面后无法点击，刷新页面可以点击

weixin_52031155的博客

04-27

4953

无法点击时：可以点击：说一说最近遇到的一个大大大BUG吧，如上图所示，我点击进去一个有富文本编辑的页面，这时候我是可以编辑的，第一次点击！随后我切到了别的页面，或者我再次点击同一个页面，这时候就无法编辑了！好，我不慌!我找啊找解决方法，网上都说是第二次点击的时候，它的init方法不行了，才怪！接下里说说我的解决方法，绝对有用！！！首先我认为我们使用的这个富文本就如同我们调用接口使用返回数据时，我们在渲染的时候v-for要带一个key值的是一样的。我们第一次点击进去的时候，tinymce一切正常

input取消焦点 vue_vue中，页面上的input框自动获取焦点及二次获取焦点问题

weixin_34896969的博客

12-28

3398

需求：点击button按钮，录入成功后，页面上的input框自动聚焦，快速进行下一次录入，提高效率开始尝试了几种方法都没有成功一、首先想到的用vue指令 v-focus，然而没有成功v-model="book.isbnOrIssn"@change.native="_getIsbn"@blur="_getIsbn":disabled="snDisabled"v-focusplaceholder="请...

参与评论您还未登录，请先登录后发表或查看评论

Vue-Quill-Editor富文本编辑器的使用教程

12-29

本文为大家分享了Vue Quill Editor富文本编辑器的具体使用方法，供大家参考，具体内容如下先看效果图： 1、下载Vue-Quill-Editor npm install vue-quill-editor --save 2、下载quill（Vue-Quill-Editor需要依赖） npm install quill --save 3、代码 <quill-editor v-model=content ref=myQuillEdito

vue-quill-editor 富文本获取焦点后滚动条自动问题

weixin_45737732的博客

11-30

596

在init方法里面添加这些即可。

vue-quill-editor 富文本 焦点问题滚动条自动跳转

qq_36571506的博客

12-17

3928

问题描述：编辑器的文本内容变更后，编辑器自动获取焦点，滚动条定位到编辑期处解决思路：文本内容变更后，先禁编辑器，待组件渲染完成后，丢掉编辑期的焦点，再取消禁用，完美解决问题 //数据变更 this.formData.remark = obj.remark //禁用编辑期 this.$refs.remarkEditor.quill.enable(false); this.$nextTi...

vue-quill-editor富文本焦点问题

weixin_34161083的博客

04-23

1082

vue-quill-editor富文本渲染完成自动获取焦点，问题在于数据请求完成，富文本内容发生变化从而自动获取焦点 mounted() { this.$refs.myQuillEditor.quill.enable(false); this.hintGetFun(); }, methods: { onEditorChange({ quill, ht...

ruoyi 富文本编辑器Quill-取消自动聚焦

RD_Xiaobai的博客

09-30

1602

ruoyi 富文本编辑器Quill-取消自动聚焦问题(附上完整富文本代码)，富文本代码实现：计数/限制插入图片数量/取消自动聚焦等等，具体功能请看代码

解决vue-quill-editor初始化自动聚焦问题

2301_77705954的博客

07-13

860

问题:当页面中存在多个富文本编辑器,页面会自动下滑到不在可视区的富文本编辑器的位置.第二步点击富文本框时令quill-editor生效，并聚焦。第一步初始化时令vue-quill-editor失效。第三步在定义方法与判断。

vue-quill-editor自动获取焦点问题解决办法

m0_59128154的博客

09-07

3860

问题: 在 vue 项目中使用 vue-quill-editor 时, 总会发生富文本自动获取焦点的情况, 有时可能会导致进入富文本所在页面时, 页面不在最顶端的尴尬状况… 原因: vue-quill-editor 富文本插件在我们发起 ajax 请求成功并且有数据回填（或富文本内容改变）的操作后就会自动获取焦点; 解决办法: 由此可知, 我们只需在 vue-quill-editor 富文本插件发起 ajax 请求成功并且有数据回填的操作后失去焦点即可, 代码如下: async editSh.

vue使用el-table动态组件-slot自定义组件【插入某列按钮操作】

shimeifang11的博客

11-30

6295

1、新建一个动态表格组件，CommonDynamicTable.vue 代码如下： <template> <div> <el-table :data="tableData" size="mini" fit border highlight-current-row ref="multipleTable" stripe :header-cell-style=" {background:'rgba(24

vue富文本编辑器 vue-quill-editor.js quill版本1.3.6

07-01

vue富文本编辑器vue-quill-editor.js quill版本1.3.6 使用教程： vue-quill-editor富文本编辑器使用方法，最全，含部分源码解读，含图片上传，如果页面有多个富文本，图片上传解决方案 ...

Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义

10-16

主要为大家详细介绍了Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

vue-quill-editor+plupload富文本编辑器实例详解

12-12

1,先给vue项目中下载vue-...import { quillEditor }from 'vue-quill-editor' import '@/assets/js/crypto1/crypto/crypto.js' import '@/assets/js/crypto1/hmac/hmac.js' import '@/assets/js/crypto1/sha1/sha1.js'

Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)

10-15

主要介绍了Vue项目中使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以...

vue快速入门（四十六）Router的安装与使用

不起眼小菜菜的博客

04-26

668

步骤很详细，直接上教程……

Vue项目中异步组件的引入使用

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交