Merge pull request #3464 from primefaces/issue-3097
Editor: color format button rendering issue fixedpull/3509/head
commit
b16870fb6f
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue