小编Moh*_*wod的帖子

我的页面中有两个模态，我需要一种方法来在第一个模态上按下“确定”按钮时收听“确定”事件，并通过打开另一个模态来响应。文档中没有示例：https : //bootstrap-vue.js.org/docs/components/modal/

我想使用这个监听器，但没有解释，我无法找到这里是什么。

export default {
  mounted() {
    this.$root.$on('bv::modal::show', (bvEvent, modalId) => {
      console.log('Modal is about to be shown', bvEvent, modalId)
    })
  }
}

这是我的代码的相关部分：

<div>
    <b-modal id="modal-center-add-post" style="width: 120px" centered  class="h-50 d-inline-block min-vw-100" ok-title="next" >
        <add-post></add-post>
    </b-modal>
</div>
<div>
    <b-modal id="modal-center-add-content" style="width: 120px" 
        centered  class="h-50 d-inline-block min-vw-100" 
        ok-only ok-title="Create" >
        <add-content></add-content>
    </b-modal>
</div>

和添加后组件代码是

<template>
    <form>
        <div class="form-group row">
            <label for="title" 
                   class="col-sm-2 col-form-label">
                   Title
            </label>
            <div class="col-sm-10">
                <input type="text" 
                       class="form-control" 
                       id="title" 
                       placeholder="Title">
            </div>
        </div>
        <div class="form-group row"> …

假设我有一个数组

arr = [1,2,3,4,5,6,7,8,9]

如何使用 v-for 获得以下结果：

<template>
    <div>
        <div v-for="elem in arr">
            // here i need to produce a div every 4 steps
            // each div will contain 4 elements in right order
        </div>
    </div>
</template>
<script>
export default {
    name:home,
    data(){
        return {
            arr:[1,2,3,4,5,6,7,8,9],
        }
    }
}
</script>

所以我得到 3 个 div，每个 div 包含 4 个元素。