Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript vue截断筛选器未筛选和引发错误_Javascript_Vue.js_Vuejs2_Vue Component_Truncate - Fatal编程技术网

Javascript vue截断筛选器未筛选和引发错误

Javascript vue截断筛选器未筛选和引发错误,javascript,vue.js,vuejs2,vue-component,truncate,Javascript,Vue.js,Vuejs2,Vue Component,Truncate,我无法使用npm软件包。我通过以下命令使用命令行安装了它: npm install vue-truncate-filter --save 但是,我看到以下错误: [Vue warn]:无法解析筛选器:截断30'..' 这是我的模板: <div v-show="wbwState[index]" v-bind:style="{ margin:`0 ${8}px ${8}px ${8}px`, color: '#C10E40' }">{{ word.english | truncate

我无法使用npm软件包。我通过以下命令使用命令行安装了它:

npm install vue-truncate-filter --save
但是,我看到以下错误:

[Vue warn]:无法解析筛选器:截断30'..'

这是我的模板:

<div v-show="wbwState[index]" v-bind:style="{ margin:`0 ${8}px ${8}px ${8}px`, color: '#C10E40' }">{{ word.english | truncate 5 '....' }}</div>
我还尝试在实际组件本身中使用
Vue.use()
。有人能看出我做错了什么吗?谢谢

在Vue 2中,这:

所以你的代码应该是

<div class="eng">{{ word.english | truncate(5) }}</div>
{{word.english | truncate(5)}
这是一本书

const VueTruncate = require('vue-truncate-filter');
Vue.use(VueTruncate)
{{ text | truncate(100) }}
<div class="eng">{{ word.english | truncate(5) }}</div>