как добавить прослушиватель событий на жирный значок в поле vue2editor

Question

Я использую vue2editor, я хочу вызвать событие, когда нажата жирная иконка, может кто-нибудь подсказать мне, как добавить событие щелчка, когда жирная иконка нажата в окне редактора. Я попытался добавить прослушиватель событий, как показано ниже, но он не работает.

var Bold = Quill.import('formats/bold');
Bold.addEventListener('click', function(){
  alert('bold clicked');
});// Quill uses <strong> by default
Quill.register(Bold, true);

Answer 1

Вы должны создать html-шаблон в своем файле .vue и добавить привязки, v-html разрешить использовать html-теги внутри, но если вам это не нужно, гораздо лучше использовать v-text.Вы должны использовать v-on, чтобы добавить привязку события вместо addEventListener():

<div id="example-1">
  <span v-on:click="yourOnClickFunction" v-html="<strong>your text</strong>" ></span>
  <p>The button above has been clicked {{ counter }} times.</p>
</div>

, а затем добавить метод в ваши методы внутри тега <script></script> внутри вашего файла .vue

methods: {
 yourOnClickFunction() {
  //code that should execute after you click on your text
 }
}