用了一个bootstrap-vue.js，想动态绑定它的v-b-modal不知道改怎么做

Question

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"

不知道该怎么写了

Answer 1

我看了下 绑定还是用vue那一套 也就是v-modal

Answer 2

确实就还是v-modal那套

<template>
  <div>
    <b-btn v-b-modal="modalId">{{ namedPipelineName }}</b-btn>
    <b-modal :id="modalId">
      Hello From My Modal!
    </b-modal>
  </div>
</template>

<script>
  export default {
    name: 'pipeline-detail-modal',
    props: ['namedpipeline'],
    data () {
      return {
        modalId: this.namedpipeline.id,
        namedPipelineName: this.namedpipeline.series.name

      }
    }
  }
</script>

Answer 3

把id改成:id试试