vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Editor color format button rendering issue fixed

pull/3464/head
Bahadır Sofuoğlu 2022-12-30 15:01:34 +03:00
parent c5c1e69a65
commit af50c82bb6
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/editor/Editor.vue
View File

@ -19,7 +19,7 @@
<button class="ql-italic" type="button"></button> <button class="ql-italic" type="button"></button>
<button class="ql-underline" type="button"></button> <button class="ql-underline" type="button"></button>
</span> </span>
<span class="ql-formats"> <span :key="reRenderColorKey" class="ql-formats">
<select class="ql-color"></select> <select class="ql-color"></select>
<select class="ql-background"></select> <select class="ql-background"></select>
</span> </span>
@ -69,10 +69,16 @@ export default {
editorStyle: null, editorStyle: null,
modules: null modules: null
}, },
data() {
return {
reRenderColorKey: 0
};
},
quill: null, quill: null,
watch: { watch: {
modelValue(newValue, oldValue) { modelValue(newValue, oldValue) {
if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) { if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {
this.reRenderColorKey++;
this.renderValue(newValue); this.renderValue(newValue);
} }
} }