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

不跟你多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
	}
})

你可能感兴趣的:(vue 中引用 jquery-ui,使得 iviewUI 的弹窗可以拖动)