在 '' 元素中系結“工具提示”道具后，我遇到了“未定義”訊息。我只想在必需的輸入欄位上顯示工具提示訊息。
完整代碼：https : //jsfiddle.net/8gaysr9u/
在第 16 行附加v-bind:tooltip="tooltip"在
<label>SKU<input type="text" id="sku" v-model="this.product.sku" placeholder="ID"></label><tooltips v-bind:tooltip="tooltip"/>
并在第 122 行附加 v-bind:tooltip="tooltip">{{tooltip.tooltipText.onSubmit}}
<div class="tooltip">
<span class="tooltiptext" v-bind:tooltip="tooltip">{{tooltip.tooltipText.onSubmit}}</span>
</div>
控制臺只是簡單地顯示“未定義”。我以各種方式改變了代碼，但就像靠在磚墻上一樣，控制臺會拋出“未定義”。我在這里做錯了什么？
uj5u.com熱心網友回復：
虛驚！:D 由我自己解決。:)
我添加到我的自定義工具提示元素：
:tooltip="this.tooltipText"
<tooltips :tooltip="this.tooltipText" />
并在自定義組件“提示”中：
v-bind:tooltip="tooltip">{{tooltip.onSubmit}}
<span class="tooltiptext" v-bind:tooltip="tooltip">{{tooltip.onSubmit}}</span>
現在我的工具提示按預期顯示:))
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/342600.html
標籤：javascript Vue.js
上一篇：在<v-row>之間對齊
下一篇：如何知道v-for中的迭代