當前位置:編程學習大全網 - 網站源碼 - 關於vue中的過濾器使用--結合element-ui的table項

關於vue中的過濾器使用--結合element-ui的table項

參考文檔: /tg928600774/article/details/81945140?utm_source=blogxgwz1

/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並列,否則報錯!

  • 上一篇:常州市湖塘美團上哪家外賣菜好吃
  • 下一篇:用VB實現壹鍵安裝搜狗拼音?
  • copyright 2024編程學習大全網