我在项目中使用bootstrap-vue模态，并且希望它们不可拖动。
我用谷歌搜索，但是我对Web开发还很陌生，所以我对没有vue的引导程序的解决方案有些不知所措。
我认为示例代码不是必需的，因为我正在使用标准的bootstrap-vue模态。告诉我我是否错了。
您能否提供一些有关bootsrap-vue的示例或解释如何使用仅引导程序的解决方案？
谢谢
答案 0 :(得分：1)
BootstrapVue <b-modal>使用Bootstrap v4.x CSS / SCSS样式来定位模式。
样式对视口使用绝对定位，并自动使用左/右边距将模式水平居中，并使用上边距将模式从页面顶部向下部分定位。
很不幸，开箱即用，您不能将它们绝对定位在视口中。
您需要将模式对话框子容器的位置更改为绝对位置，并基于拖动来控制左/上位置。这不是一件容易的事。您将需要创建自己的标题（使用标题的作用域插槽），并为单击/拖动添加事件监听器，如果拖动，则将.modal-dialog容器的位置切换为绝对位置，然后计算左侧/ top坐标，并对元素进行了传统的DOM样式调整。