使用Vue自定义popover引导程序

时间:2017-11-30 18:47:45

标签: javascript jquery html css twitter-bootstrap

我的HTML中有一个弹出窗口,点击后显示。这是我的HTML

<div tabindex="0" class="btn btn-lg btn-danger order"
                     data-template="<div class='popover'><div class='arrow'></div><div class='popover-body'></div>"
                     role="button"
                     data-toggle="popover" data-trigger="focus"
                     data-content="And here's some amazing content. It's very engaging. Right?"
                     data-placement="left"
                     @click="addToCart">Add model
                </div>

我有一个问题是自定义弹出框的宽度和高度以及我在此弹出窗口中编写文本的元素。我可能认为这是内容?我希望我的popover可以更宽更高可能:宽度:250牛和高度:300px。我怎样才能做到这一点?这是我的Vue代码:

 addToCart() {
            if (typeof(this.sizeChoose) === 'undefined') {

                $('.order').popover(
                    'show'
                )
            }
   }  

0 个答案:

没有答案