基于popper实现的vue弹出插件
npm i --save vue-popx popper.js
yarn add vue-popx popper.js
- vueComponent
- reference: popper参照物
- default:
getBoundingClientRect: () => ({ left: 0, top: 0, width: 0, height: 0 }), clientWidth: 0, clientHeight: 0, isFixed: true
- popper: popper弹出层组建配置,参考vue组件
- options: 参考popper.js options
- data: 如果组件定义了popxdata的data 这里的值将会和他关联
this.$Popx({popper: {
template: `<div>{{title}}</div>`,
data: function () {
return {
title: 'Hello Popx'
}
}
}})
- popper.js
- vue