javascript - bootstrap modal box is not displayed, what's wrong?

Question

<span class="message-delete" data-toggle="modal" data-target="#del-dialog" v-on:click="nowIndex=index">删除</span>
<p role="dialog" class="modal fade bs-example-modal-lg" id="del-dialog"> <!--class="modal fade bs-example-modal-lg"-->
    <p class="modal-dialog">
        <p class="modal-content">
            <p class="modal-header">
                <h4 class="modal-title">确认删除么?</h4>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </p>
            <p class="modal-body text-right">
                <button data-dismiss="modal" class="btn btn-primary btn-sm">取消</button>
                <button data-dismiss="modal" class="btn btn-danger btn-sm" v-on:click="deleteMsg(nowIndex)">确认</button>
            </p>
        </p>
    </p>
</p>

Answer 1

Publish the code and take a look. Or you can try writing a display:block on p.