基于vue的移动端仿微信支付软键盘组件

最近做的一个关于移动端软键盘,把它做了抽离封装,基本引入这个组件就可以使用。

使用的步骤是:

1.在你的vue项目安装vux ,npm install vux --save.

2.然后在你需要的页面导入组件,Softkeybord:resolve => {require(['./softkeybord.vue'], resolve)},并设置为子组件:

3.调起软键盘,需要执行传入参数,

this.$refs.keyboard.totalprice=.......(等号后面是你传入的参数),----价格

this.$refs.keyboard.headurl=......(等号后面是你传入的参数),----头像

this.$refs.keyboard.showpay=true,----最终调起操作。

这是github地址

你可能感兴趣的:(基于vue的移动端仿微信支付软键盘组件)