mui中使用 mui-popover遇到的问题及解决方法

我的项目整体是基于mui（v3.7.2）框架实现的，同时使用了vue（v2.6.10）框架来给界面绑定数据。
具体的界面如下

点击页面的按钮，弹出下面这个界面。
我的html代码如下：

<div id="cardContent" class="card-content mui-popover mui-popover-bottom mui-popover-action" data-disable-auto-close="true">
        <p><span class="line"></span><span class="card-text">AAAAA</span><span class="line right-line"></span></p>
        <div>
            <ul class="mui-table-view">
                <li class="choose-ques" v-for="item in cardList">
                    {
  
  {item.text}}
                </li>
            </ul>
        </div>
    </div>

js代码：

$(document).on('tap', '.test-card', function（）{
	mui('#cardContent').popover('toggle');
});

下面是css样式：

.mui-popover.mui-popover-