美文网首页
基于vue的移动端仿微信支付软键盘组件

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

作者: 心如止水_1c5b | 来源:发表于2017-09-01 11:33 被阅读0次

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

    使用的步骤是:

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

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

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

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

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

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

    这是github地址

    相关文章

      网友评论

          本文标题:基于vue的移动端仿微信支付软键盘组件

          本文链接:https://www.haomeiwen.com/subject/atuurxtx.html