Vue项目中bootstrap-sass的Tooltip失效问题及解决办法

• 问题场景：在Vue项目里使用bootstrap-sass时，Tooltip组件完全没反应，我当时写的DOM代码是这样的：

  <span class="fa fa-fast-backward page-item-button" data-toggle="tooltip" data-original-title="First Page"></span>
  

• 问题根源：查了Bootstrap官方文档才发现，Tooltip组件必须手动初始化才能生效，它不会自动识别带有data-toggle="tooltip"属性的元素。

• 解决办法：在项目的main.js里添加这段初始化代码，所有Tooltip就正常工作了：

  // Initialize all tooltips of bootstrap.
  $(function () { 
    $('[data-toggle="tooltip"]').tooltip() 
  })
  

小提醒：要是你的项目没全局引入jQuery，得先确保jQuery已经正确引入，不然这段代码会报错哦~

内容的提问来源于stack exchange，提问作者danny