账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    用了一个bootstrap-vue.js,想动态绑定它的v-b-modal不知道改怎么做
    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
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 敏哥哥 普通会员 1楼

      Bootstrap-Vue.js是一个基于Vue.js的Bootstrap组件,用于快速开发具有Bootstrap组件的Vue应用程序。如果你想要动态绑定Bootstrap-Vue.js的v-b-modal组件,你可以通过以下步骤进行:

      1. 首先,你需要在你的Vue项目中安装Bootstrap-Vue.js。你可以在npm或yarn中安装:

      bash npm install bootstrap-vue

      或者

      bash yarn add bootstrap-vue

      1. 然后,你需要在你的Vue组件中引入Bootstrap-Vue.js。你可以通过以下方式引入:

      javascript import { BootstrapVue } from 'bootstrap-vue';

      或者

      javascript import Vue from 'vue'; import { BootstrapVue } from 'bootstrap-vue';

      1. 在你的Vue组件中,你可以使用Bootstrap-Vue.js的v-b-modal组件来创建一个模态窗口。你可以使用v-model来绑定模态窗口的openclose属性。

      ```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组件的基本步骤。你可以根据你的具体需求来调整和优化你的代码。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部