javascript - VueJS 模板引擎中的 Locutus

Question

我如何实现 Locutus在我的 VueJS 应用程序中？我正在使用 webpack。

我尝试在我的单个文件组件中执行以下操作:

<template>
  <div>{{ nl2br('My string here') }}</div>
</template>

<script>
var nl2br = require('locutus/php/strings/nl2br');

export default {
  // VueJS
}
</script>

它说我的模板:

can't render because $vm.nl2br, doesn't exists.

Answer 1

您不能在 View 中访问其他库的方法，您可以在任何 vue 方法中使用这些方法并从 vue 模板调用该方法，因此您可以像下面这样:

<template>
  <div>{{ getFromNl2br('My string here') }}</div>
</template>

<script>
var nl2br = require('locutus/php/strings/nl2br');

export default {
  methods: {
     getFromNl2br: function(str) {
        return nl2br(str)
     }
  }
}
</script>