vue-truncate-filterにフィルタリングおよびスローエラーがありません

Question

vue-truncate-filter npmパッケージを使用できません。

私は次のエラー見ていますしかし

npm install vue-truncate-filter --save 

：

<div v-show="wbwState[index]" v-bind:style="{ margin:`0 ${8}px ${8}px ${8}px`, color: '#C10E40' }">{{ word.english | truncate 5 '....' }}</div> 

と：：

ここ

[Vue warn]: Failed to resolve filter: truncate 30 '....'

は私のテンプレートである私は、このコマンドを使用して、コマンドラインを使用してそれをインストール

<div class="eng">{{ word.english | truncate 5 '....' }}</div> 

main.jsには次のものがあります。

const VueTruncate = require('vue-truncate-filter'); 
Vue.use(VueTruncate) 

また、実際のコンポーネント自体でVue.use()を使用してみました。誰でも私が間違っていることを見ることができますか？ありがとう！ Vueの2で

Answer 1

、このfilter should be used like this：

{{ text | truncate(100) }} 

だからあなたのコードはここ

<div class="eng">{{ word.english | truncate(5) }}</div> 

がworking exampleであるべきです。