使用element-plus的tooltip組件，最開始的寫法是這樣的：

<el-tooltipclass="box-item"effect="dark"content="tooltip content"
><el-button v-if="isDisabled" :underline="false" type="primary">點擊保存</el-button>
</el-tooltip>

注意：我們判斷是否顯示的變量isDisabled寫在button按鈕上。每次加載都會出現如下的warning：

這個提示是說這個組件沒有發現有效的子節點。怎么改呢？改成下面這樣：

<el-tooltipclass="box-item"effect="dark"content="tooltip content"v-if="isDisabled"
><el-button :underline="false" type="primary">點擊保存</el-button>
</el-tooltip>

把判斷是否顯示的變量isDisabled寫在了tooltip上，就不會報錯了。

原因呢：就是如果把isDisabled寫在button上，那么tooltip其實是會加載的，但當isDisabled為false時，button不顯示，可不就是沒有有效的子節點嗎！把判斷變量移上去之后就不提示了。

有些錯誤可真是常犯常新、常新常犯啊！！記錄一下。