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

您应该在.vue文件中创建html模板并添加绑定，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>

，然后在.vue文件内<script></script>标签内的方法中添加方法

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

如何将事件侦听器添加到vue2editor框中的粗体图标

1 个答案: