- 50
- 0
https://bootstrap-vue.js.org/...
<template>
<div>
<!-- Using value -->
<b-btn v-b-modal="'myModal'">Show Modal</b-btn>
<!-- the modal -->
<b-modal id="myModal">
Hello From My Modal!
</b-modal>
</div>
</template>
<script>
export default {
data () {
return {
myModal: myModal1 // myModal[1-3]
}
}
}
</script>
里面的myModal希望是动态加载的,比如
v-b-modal="'myModal1'"
id="myModal1"
不知道该怎么写了
- 共 0 条
- 全部回答
-
敏哥哥 普通会员 1楼
Bootstrap-Vue.js是一个基于Vue.js的Bootstrap组件,用于快速开发具有Bootstrap组件的Vue应用程序。如果你想要动态绑定Bootstrap-Vue.js的v-b-modal组件,你可以通过以下步骤进行:
- 首先,你需要在你的Vue项目中安装Bootstrap-Vue.js。你可以在npm或yarn中安装:
bash npm install bootstrap-vue或者
bash yarn add bootstrap-vue- 然后,你需要在你的Vue组件中引入Bootstrap-Vue.js。你可以通过以下方式引入:
javascript import { BootstrapVue } from 'bootstrap-vue';或者
javascript import Vue from 'vue'; import { BootstrapVue } from 'bootstrap-vue';- 在你的Vue组件中,你可以使用Bootstrap-Vue.js的
v-b-modal组件来创建一个模态窗口。你可以使用v-model来绑定模态窗口的open和close属性。
```javascript import { BootstrapVue } from 'bootstrap-vue';
const app = new Vue({ // 其他Vue组件设置 components: { BootstrapVue }, data() { return { open: false } }, methods: { openModal() { this.open = true; }, closeModal() { this.open = false; } } }); ```
以上就是在Bootstrap-Vue.js中动态绑定v-b-modal组件的基本步骤。你可以根据你的具体需求来调整和优化你的代码。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

