vue 中引用 jquery-ui，使得 iviewUI 的弹窗可以拖动

Posted 2022-05-27 wen233

不跟你多BB，直接上代码：

 npm i jquery jquery-ui 

结合iviewUI框架2.x版本，当鼠标拖到上方进行条件限制拖出 if (ui.position.top < 1) ui.position.top = 0

import $ from ‘jquery‘
import ‘jquery-ui/ui/widgets/draggable‘

$(‘.ivu-modal‘).draggable(
    handle: ‘.ivu-modal-header‘,
    cursor: ‘move‘,
    drag: function (e, ui) 
        if (ui.position.top < 1) ui.position.top = 0
    
)