Laravel 5.7 | Bootstrap 4.0.0 | VueJs 2.5.17 |工具提示问题

时间:2019-02-14 20:47:50

标签: javascript twitter-bootstrap vuejs2 bootstrap-4 laravel-5.7

我已经尽力想尽一切办法使它起作用并在各处搜索。

基本上,我正在尝试为一些鼠标悬停选项设置一些工具提示,并且它显示的是正常的html工具提示,但不是很好的引导程序版本。

我正在尝试在VueJs的组件中执行此操作,是的,我确实将其安装在laravel的app.js文件中。

const app = new Vue({
el: '#app',
mounted: function() {
   $('[data-toggle="tooltip"]').tooltip();
}});

工具提示的设置是这样的,非常简单且直接来自引导文档。

<i class="fas fa-info-circle" data-toggle="tooltip" title="Tooltip Message" data-placement="bottom"></i>

引导程序中的所有内容都不起作用,这是引导程序4.0.0应该具有的此工具提示功能。我错过了什么吗,我做错了吗?...是的,在您问我跑步之前。

npm run watch

那仍然没有用,我从没想过会有这个问题,这很奇怪。我查看了很多文档,环顾四周,看看是否还有其他人遇到此问题,而我似乎是唯一遇到此问题的人。

0 个答案:

没有答案