Locueus在VueJS模板引擎中

时间:2016-12-24 13:38:05

标签: javascript vue.js methods vue-component

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

我在单个文件组件中尝试了以下内容:

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

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

export default {
  // VueJS
}
</script>

它说我的模板:

  

无法渲染,因为$ vm.nl2br,不存在。

1 个答案:

答案 0 :(得分:2)

您无法从视图中的其他库访问方法,您可以在任何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>