2016-12-24 34 views
1

我如何在我的VueJS應用程序中實現Locutus?我正在使用webpack。Locuus在VueJS模板引擎

我想在我的單文件組件如下:

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

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

export default { 
    // VueJS 
} 
</script> 

它說,我的模板:

無法呈現,因爲$ vm.nl2br,不存在。

回答

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>