关于vue中的过滤器使用--结合element-ui的table项

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于vue中的过滤器使用--结合element-ui的table项相关的知识,希望对你有一定的参考价值。

参考技术A 参考文档: https://blog.csdn.net/tg928600774/article/details/81945140?utm_source=blogxgwz1

https://blog.csdn.net/qq_41649755/article/details/106331555?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param

项目需求:

从接口中获取数据,渲染显示在表格中,且数据精度保留两位小数。

在element-ui中表格的显示中,插槽的具体使用。

table按照tableData这个数组的长度来生成多少行,按照有多少个el-table-column来生成多少列。

<template slot-scope="scope">

在<el-table-column>中使用自定义模板,实现对渲染数据的改变。

template中自定义列模板,自定义列的显示内容,可组合其他组件使用。

利用scope.row获取该行中dataYoyYear所对应的列值数据,进而进行修改。

拿到数据之后,就要结合vue的过滤器对数据进行修改精度。

mention!此时的filters方法,而不是filter。important:该方法与methods并列,否则报错!

以上是关于关于vue中的过滤器使用--结合element-ui的table项的主要内容,如果未能解决你的问题,请参考以下文章

v-html中使用 filter 过滤器

从无到有构建vue实战项目

Vue-在模板中使用过滤器

带你掌握Vue过滤器filters及时间戳转换

关于在vue中结合数组方法的this的指向问题

使用moment.js结合filter过滤器格式化时间