在vue中使用过滤器,实现表格所在列超出部分文字隐藏

1、在src文件夹下新建filter文件,新建filter.js文件,项目中所有的过滤器都可以在该文件中书写。
2、导出你定义的过滤器函数

3、在main.js中引入并注册


 

4.在使用过滤器的地方使用, 使用方法:{ { 过滤的数据 | 过滤器函数名 }}

我的是在表格中某一列数据使用,使用了插槽

实现效果图如下:

扫描二维码关注公众号,回复: 15684150 查看本文章

一定要注册过滤器,否则会报Failed to resolve filter的错误 !!!

一定要注册过滤器,否则会报Failed to resolve filter的错误 !!!

一定要注册过滤器,否则会报Failed to resolve filter的错误 !!!

猜你喜欢

转载自blog.csdn.net/qq_44313787/article/details/127791500