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

2018/04/23 17:03
阅读数 254

vue-quill-editor富文本渲染完成自动获取焦点,问题在于数据请求完成,富文本内容发生变化从而自动获取焦点

mounted() {
    this.$refs.myQuillEditor.quill.enable(false);
    this.hintGetFun();
  },
  methods: {
    onEditorChange({ quill, html, text }) {
      this.formHint.hintList[this.hintIndex].hintValue = html;
    },
    async hintGetFun() {
      try {
        let res = await hintGet(this.$route.params.pk);
        if (res.data.code == "S00000") {
          this.formHint.hintList = res.data.data;
          //富文本编辑器神坑处理
          this.$nextTick(function() {
            this.$refs.myQuillEditor.quill.enable(true);
            this.$refs.myQuillEditor.quill.blur();
          });
        }
      } catch (err) {
        console.log(err);
      }
    }

数据请求完成执行$nextTick这样就可以完美解决富文本自动获取焦点问题。

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部