v-data-table

项目场景：

项目场景：使用Vuetify的table组件，如有需要更换排序的图标

问题描述

提示：直接写是不生效的：

解决方案：

代码操作：

<!--    table上绑定一个自定义的变量-->
    <v-data-table
        :headers="headersData"
        :items='tableData'
        :sort-by.sync="sortBy"
        :sort-desc.sync="sortDesc"
        :headerProps="headerprops"
    >
    </v-data-table>

<!--   data里面定义图标-->
    data(){
    	return{
    	headerprops:{ //需要是一个对象
       		 "sort-icon": "mdi-unfold-more-horizontal"
       },
	 }
   }

希望这篇文章有帮助到陌生人哈~加油！