如何导入VueJS单页应用的Bootstrap 4工具提示插件？
如何导入VueJS单页应用的Bootstrap 4工具提示插件？
提问于 2018-08-12 03:34:46
我正在尝试使用Bootstrap4和VueJS单页应用程序，但不知道如何让tooltip正常工作。(注意:我知道有一个Bootstrap-vue项目，但我不想使用那个one...yet)
下面是我的简单测试：
<template>
<div>
<span id='tip'>Test link</span>
</div>
</template>
<script>
import $ from 'jquery';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/js/dist/popover.js';
import 'bootstrap/js/dist/tooltip.js';
export default {
name: 'test',
created: function() {
$('#tip').tooltip({
title: 'hello world'
});
}
};
</script>但是，这只会呈现链接，而不会显示工具提示。
控制台中没有错误。那么，我到底做错了什么呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-08-12 03:48:23
正如我异口同声地回答的那样:解决方案是使用mounted而不是created，这样您就可以访问dom，让这种方法(基本上)工作。
有关Vue生命周期挂钩here的更多信息
Stack Overflow用户
发布于 2018-08-12 03:47:27
结果是我需要使用mounted属性，而不是created属性。解决了！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51803094
复制相关文章
相似问题