TINYDOC-3432 - Document Vue 3 prop-driven content updates in the Vue technical reference#4282
Draft
kemister85 wants to merge 2 commits into
Draft
TINYDOC-3432 - Document Vue 3 prop-driven content updates in the Vue technical reference#4282kemister85 wants to merge 2 commits into
kemister85 wants to merge 2 commits into
Conversation
…e Vue technical reference
…havior and guards
Contributor
Author
|
@tiny-ben-tran If you can review for next week |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Ticket: TINYDOC-3432
Site:
https://pr-4282.tinymce-docs.iad.staging.tiny.cloud/docs/tinymce/latest/vue-ref/#updating-the-editor-content-from-a-parent-componentChanges:
Extends the
v-modelsection of the Vue.js technical reference (modules/ROOT/partials/integrations/vue-tech-ref.adoc, included byvue-ref.adoc) to answer a recurring Kapa question: how the@tinymce/tinymce-vueeditor updates when a parent component changes the bound content prop after mount.This brings the Vue reference to parity with the React, Angular, and Svelte references, which already document how each wrapper reacts to parent-driven content updates.
Added a new "Updating the editor content from a parent component" subsection (plus a TOC entry) documenting, verified against
@tinymce/tinymce-vuev6.3.1 source:v-model/modelValuevalue and callseditor.setContent()when a parent reassigns it.setContent()and cursor reset during the normal edit →update:modelValueround trip (value is a string, differs from the previous value, and differs from the current editor content compared usingoutput-format).v-modelcode example showing a parent reassigning the bound value.v-modelthe watcher is inactive, cross-referencing the existing Event binding section for obtaining the editor instance (rather than duplicating that guidance or promoting a binding bypass).