弹出支付密码界面
基本使用
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
属性列表:
属性名 | 类型 | 默认值 | 描述 |
---|---|---|---|
show | Boolean | false | 是否显示组件 |
isIphoneX | Boolean | false | 是否为 iPhone X 型号 |
事件列表:
事件名 | 描述 |
---|---|
input-complete | 输入完成时触发的事件 |
close | 关闭组件时触发的事件 |
goto-change-pwd | 转到修改密码页面时触发的事件 |