javascript - 如何在 vue.js 的组件中运行 bootstrap 的轮播间隔函数?
问题描述
我想在 Vue.js 的一个组件中为 Bootstrap 4 的轮播运行轮播间隔函数。当我粘贴到 index.html 中的脚本标记时,它可以工作。但我不能在组件中运行。我该如何运行它?
我在这里提到的代码:
$(".carousel").carousel({
interval: 200
});
<template>
<div
id="slider-1"
class="carousel slide pull-full-screen"
data-ride="carousel"
>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="../images/slides/cycling.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="../images/slides/diving.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="../images/slides/parachuting.jpg" class="d-block w-100" alt="...">
</div>
</div>
</div>
</template>
解决方案
推荐阅读
- r - 在数据框中的行(观察)之间执行计算
- json - 从 Cosmos DB 查询值并将值返回到 JSON 文件
- kubernetes - 使用 ttlSecondsAfterFinished 完成后作业未删除
- xpages - Domino ODA 覆盖 phaseListener
- python - 来自easysnmp python库的snmp_walk函数返回空列表
- typescript - 泛型参数内的赋值
- graph - CYPHER - 以原始顺序返回链接节点
- python - 由于 [Errno 13] 权限被拒绝错误,无法安装 PyMySQL
- sql - 从每个组中选择前 15 条记录
- php - 您的要求无法解决为一组可安装的软件包。- Symfony 项目