前端vue用el-table如何實現表頭內容過長換行處理，實現換行效果

這是效果圖

有兩種方法，一種簡易版本，一種萬能方法,都是el-table，先看文檔
表頭標題是可以自定義的

方法一

label的解釋寫在代碼里面了，這里會自動形成換行，主要是因為v-html的原因
運用場景，有些人的需求簡單只需要換行，并且是封裝的組件，最重要是不想花時間

<el-table ref="myTable" border><el-table-column prop="address" label="可寫可不寫了"><template #header><div v-html="label的值" /></template></el-table-column>
</el-table>
// label值是什么樣子的呢！  就是'我是第一行<br>我是第二行'

方法二

這個很簡單 直接用標簽換行即可

<el-table ref="myTable" border><el-table-column prop="address" label="可寫可不寫了"><template #header><div>我是第一行</div><div>我是第二行</div></template></el-table-column>
</el-table>

方法三

將方法一和方法二封裝起來

<el-table ref="myTable" border><el-table-column v-for="(item, index) in List" :key="item.id" :prop="item.prop" :label="item.label"><template #header><slot v-if="item.soltHeader" :name="item.soltHeader" /><div v-else v-html="item.label" /></template></el-table-column>
</el-table>

如果有用，請給我點贊收藏，我會很開心，謝謝