Vue.js vue js modal-“vue js modal”;“可拖动的”;问题
我正在使用显示可拖动和可调整大小的模式,但我对“可拖动”属性有问题 模态打开,除“可拖动”外,所有属性均正常工作;我不能拖动模态(似乎没有效果)。 这是我如何设置模态的:Vue.js vue js modal-“vue js modal”;“可拖动的”;问题,vue.js,modal-dialog,Vue.js,Modal Dialog,我正在使用显示可拖动和可调整大小的模式,但我对“可拖动”属性有问题 模态打开,除“可拖动”外,所有属性均正常工作;我不能拖动模态(似乎没有效果)。 这是我如何设置模态的: <modal class="vue-js-modal" name="modal-name" :draggable="true" :resizable="true"> <h1>Modal Title</h1> </modal>
<modal class="vue-js-modal"
name="modal-name"
:draggable="true"
:resizable="true">
<h1>Modal Title</h1>
</modal>
情态标题
有人能帮我解决这个问题吗?
非常感谢我不确定是什么原因导致了你这方面不受欢迎的行为。您是否查看了是否有任何错误消息干扰库或代码?从我下面的代码示例中从头开始尝试 将库安装为:npm Install--save vue js modal 以下各项工作正常(经过测试):
情态标题
我快乐的心情
从“vue js modal”导入VModal
导出默认值{
名称:“演示”,
组成部分:{
V模式
},
数据:函数(){
返回{
buttonText:“打开模式”
}
}
}
可拖动属性接受两种数据类型:字符串和布尔值。您将其指定为布尔值,是否可以尝试将其作为字符串(draggable=“true”),不带冒号?我也尝试了作为字符串(draggable=“true”,不带冒号),但没有任何结果:(
<template>
<div>
<div class="btn btn-primary rounded border" v-html="buttonText" @click="$modal.show('modal-name')"></div>
<modal class="vue-js-modal"
name="modal-name"
:draggable="true"
:resizable="true">
<div>
<h1>Modal Title</h1>
<p>My happy modal content.</p>
</div>
</modal>
</div>
</template>
<script>
import VModal from 'vue-js-modal'
export default {
name: 'Demo',
components: {
VModal
},
data: function () {
return {
buttonText: 'Open modal'
}
}
}
</script>