Javascript JSON文件中Vue.js中的引导工具提示

Javascript JSON文件中Vue.js中的引导工具提示,javascript,json,vue.js,bootstrap-4,Javascript,Json,Vue.js,Bootstrap 4,当前正在尝试通过Vue.js中的json文件显示引导工具提示。我的JSON文件保存了应该显示在特定组件上的所有内容,但它并没有初始化引导。如果我只是简单地复制并粘贴Bootstrap4工具提示演示到如下组件 <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u

当前正在尝试通过Vue.js中的json文件显示引导工具提示。我的JSON文件保存了应该显示在特定组件上的所有内容,但它并没有初始化引导。如果我只是简单地复制并粘贴Bootstrap4工具提示演示到如下组件

<button type="button" class="btn btn-secondary" data-toggle="tooltip" 
data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
    Tooltip with HTML
</button>

带有HTML的工具提示
我上面的内容在引导工具提示被初始化时显示得非常好,但是如果我在JSON文件中显示了它,比如

{
    "text":"Modern vehicles are made up of many different parts. Learning how these parts work together may seem challenging. However, maintaining and operating your car economically and safely is not as difficult as you think.<br><a href=\"{0}California.htm#CONSTRUCTION\" target=\"_blank\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Tooltip on bottom\">Read more</a> about vehicle’s basic parts and components and how they work together.",
    "text_type":"paragraph"
}
{
“正文”:“现代车辆由许多不同的部件组成。了解这些部件如何协同工作似乎很有挑战性。但是,经济、安全地维护和操作您的汽车并不像您想象的那么困难。
关于车辆的基本部件和组件以及它们如何协同工作。”, “文本类型”:“段落” }
按钮显示良好,但正在显示工具提示-至少不是它的引导版本。有什么线索吗

相关代码:

<template>
<div>                
    <p v-if="hasSubTitle" v-html="slideData.subtitle" class='subtitle'></p>

    <p v-html="slideData.text" class='text-paragraph'></p>

    <div v-if="hasImage" >
        <img v-if="hasImage" :src="playerConfig.GraphicPath + slideData.graphic" class="img-fluid" /> 
    </div>

    <div class='media-div' v-if="hasVideo">
        <videoPlayer 
            ref="videoPlayer"             
            :url="playerConfig.StreamingHTTPSLecture + slideData.graphic"
            :posterUrl ="playerConfig.PosterPath"

             v-on:videoEnded="onVideoEnded" 
             v-on:videoTimeUpdate="onVideoTimeUpdate"
        ></videoPlayer>             
    </div>

</div>  
</template>

上面发布的JSON中的相关属性“text”通过

<p v-html="slideData.text" class="text-paragraph'></p>

您是否正在使用或只是试图同时使用引导和Vue?除非您在Vue生命周期钩子中处理它们,否则引导中的动态行为将无法在Vue中很好地发挥作用。@RoyJ使用引导和Vue。一开始我使用的是Bootstrap Vue,但是它的代码库非常大,只使用工具提示。我将如何使用生命周期挂钩来处理它们?在我们使用$nexTick提取动态数据后,我初始化了Mounted()中的所有工具提示,但仍然存在相同的问题。您是否可以发布任何相关代码,如Vue组件等?@WildBeard更新了上述描述!