[筆記] 自定義 Element UI 標題欄位遇上 Vue/no-unused error 的解決方法 @地瓜大的飛翔旅程

章節連結

程式碼示範
參考資料

在 Vue template 的檔案，有時會需要運用到 slot-scope=”something” 的語法，但實質上並沒有用到 something 的物件內容。這時可以傳個 {} 空物件進去，就不會報 Vue/no-unused error 了。

程式碼示範

這個 case 是發生在要運用 Element UI 的自定義表格標題欄位時，要多增加一個 “?” 的浮動說明框。概略寫法是這樣的：
其中 slot=”header” 和 slot-scope=”scope” 都是官方文件的示範選項，不過套上 ESLint 的規則後，就會報 Vue/no-unused error。

<template slot="header" slot-scope="{}">
            <span>name</span>
            <el-tooltip class="item" effect="dark" placement="bottom">
              <div
                slot="content"
              >This is a test.</div>
              <i class="el-icon-question"></i>
            </el-tooltip>
</template>

<el-tooltip class="item" effect="dark" placement="bottom">

<div

slot="content"

>This is a test.</div>

</el-tooltip>

</template>

參考資料

1. Eslint [vue/no-unused-vars] error in vue template
2.Element UI – Table

按讚加入粉絲團

程式碼示範

參考資料

延伸閱讀