vue用marked、loads编译markdown报错?

发布于 2022-09-06 09:02:50 字数 1165 浏览 18 评论 0

官网例子 markdown

请问以下报错可能是什么原因呢?

我的插件版本

{
    "marked": "^0.3.6",
    "lodash": "^4.16.0",
}

html

<div id="temp">
    <textarea :value="inpVal" @input="inpUpdate" class="input-box"></textarea>
    <div v-html="compiledMd" class="html-box"></div>
</div>

js

  import _ from 'lodash';
  import marked from 'marked';

  export default {
    name: 'temp',
    data() {
      return {
        inpVal: '# hello',
      }
    },
    computed: {
      compiledMd: function () {
        return marked(this.input, {sanitize: true})
      }
    },
    methods: {
      inpUpdate: _.debounce(function (e) {
        this.inpVal = e.target.value
      }, 300)
    }
  }

报错

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

稍尽春風 2022-09-13 09:02:50

注意下 this 指向问题, 没有使用箭头函数要注意 this

悲念泪 2022-09-13 09:02:50
\```
  code ...
 \```

遇到过这里不写 language类型就报错的情况

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文