Referencing Existing Instances
You can refer to existing Tooltip instance by using its show
method.
Once the reference is established, use the Tooltip API to control the behavior of the component.
<div id="vueapp" class="vue-app" style="width: 140px">
<kendo-tooltip ref="kTooltip"
id="agglomerations"
:filter="'p'"
:width="'140'"
:position="'right'">
<p href="#" title="Peter Anders" id="peter">Peter</p>
<p href="#" title="Frank Robertson" id="frank">Frank</p>
<p href="#" title="Michael Daniels" id="michael">Michael</p>
</kendo-tooltip>
</div>
Vue.use(PopupsInstaller);
new Vue({
el: '#vueapp',
mounted () {
this.$refs.kTooltip.kendoWidget().show(kendo.jQuery('#michael'))
}
})