vue中优雅使用bootstrapV4的tooltip

关于BS4自带的tooptips,可以通过
https://getbootstrap.com/docs/4.1/components/tooltips/ 了解。本身该插件在Vue中比较难用,网上查到的一种方法,出处(
https://stackoverflow.com/questions/37078423/how-can-add-bootstrap-tooltip-inside-vue-js )。具体内容如下

使用vue的 directive

Vue.directive('tooltip', function(el, binding){
    $(el).tooltip({
             title: binding.value,
             placement: binding.arg,
             trigger: 'hover'             
         })
})

使用方法例如

<span class="label label-default" v-tooltip:bottom="'Your tooltip text'">

即可

分享