Skip to content
目录

弹出支付密码界面

基本使用

vue
<template>
  <view class="rspwd">
    <button @click="clickBtn">弹出支付密码界面</button>

    <jp-password-alert :show="attribute.showPwd" @close="closePwd" @inputComplete="inputComplete" @gotoChangePwd="gotoResetPwd"></jp-password-alert>
  </view>
</template>

<script lang="ts" setup>
import { reactive } from 'vue'
const attribute = reactive({
  showPwd: false
})
const closePwd = () => {
  attribute.showPwd = false
}
const clickBtn = () => {
  attribute.showPwd = true
}
const inputComplete = (e) => {
  console.log(e)
}
const gotoResetPwd = () => {}
</script>

<style scoped lang="scss"></style>

props

属性列表:

属性名类型默认值描述
showBooleanfalse是否显示组件
isIphoneXBooleanfalse是否为 iPhone X 型号

事件列表:

事件名描述
input-complete输入完成时触发的事件
close关闭组件时触发的事件
goto-change-pwd转到修改密码页面时触发的事件

©2022 By 绝配移动端组件库