Vue: v-Modell Direktive auf

Erstellt am 2. Nov. 2015  ·  3Kommentare  ·  Quelle: vuejs/vue

v-model Direktive kann vorerst nur auf Textarea o oder Input-Elemente angewendet werden.
Es wäre schön, es auf 'contenteditable' zu verwenden!

Mit freundlichen Grüßen,
Benjamin

Hilfreichster Kommentar

Bearbeitbarer Inhalt ist viel komplexer als Eingabebindungen, und es ist am besten, eine externe Bibliothek zu verwenden, die diesem Zweck gewidmet ist (z. B. Medium.js ), die von einer benutzerdefinierten Direktive umschlossen ist.

Alle 3 Kommentare

Bearbeitbarer Inhalt ist viel komplexer als Eingabebindungen, und es ist am besten, eine externe Bibliothek zu verwenden, die diesem Zweck gewidmet ist (z. B. Medium.js ), die von einer benutzerdefinierten Direktive umschlossen ist.

* Entschuldigung @yyx990803 Ich habe gesehen, dass Sie dieses Problem schließen.

Hallo @bdedardel
Ich arbeite heute mit Summernote und habe Ihre Frage gefunden.

Meine Lösung ist, dass Sie die onChange-Rückrufe von Summernote wie folgt verwenden können:
Lassen Sie 'Programm' als meine vue-Instanz
und 'detail' als mein Modell in 'Programm'.

          $('#summernote').summernote({
              onChange: function(contents, $editable) {
                // console.log($editable);
                program.detail = $editable;
              }
            })

Ich weiß nicht, ob dies ein guter Weg ist, um Ihr Problem zu lösen
*höchstwahrscheinlich hast du es schon

@abdulahkam Danke für deinen Beitrag. Ich werde diese Lösung ausprobieren, auch wenn summernote nicht genau auf meine Bedürfnisse eingeht!

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen