Question

我是Vue.js的新手，我试图制作一个简单的markdown编辑器。问题是运行代码时我的方法不起作用，特别是 v-on：click 和 @input 方法。

简单地说，当我单击按钮时，我没有收到警报。当我在输入中键入文本时，看不到预期的输出。编辑：它在jsfiddle中工作，但是当我运行 npm run serve 并在我的本地站点上打开它时不起作用。有帮助吗？

这是模板：

<template>
        <div id="editor">
              <textarea :value="input" @input="update"></textarea>
              <div v-html="compiledMarkdown"></div>
              <button v-on:click="swap">Dark Mode</button>
</div>
</template>

这是我的Vue应用程序：

var markdown = new Vue({
  el: '#editor',
  data: {
    input: '# hello'
  },
  computed: {
    compiledMarkdown: function () {
      return marked(this.input, { sanitize: true })
    }
  },
  methods: {
    swap: function() {
    alert('test')
  },
    update: _.debounce(function (e) {
      this.input = e.target.value
    }, 300)

  }
})

我还为markdown编辑器添加了这些脚本

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/marked@0.3.6"></script>
<script src="https://unpkg.com/lodash@4.16.0"></script>

非常感谢您的帮助！

不会发生Vue方法（v-on：click和@input）

0 个答案: