Skip to content

PasswordProtected 密码保护组件

密码保护组件,用于隐藏敏感内容,用户需要输入正确的密码才能查看。

基础用法

默认密码为 123456,可以直接在组件内编写 Markdown 内容:

输入密码才能查看参考答案噢

自定义密码

通过 password 属性设置自定义密码:

输入密码才能查看参考答案噢

自定义提示文本

你可以通过以下属性自定义所有文本内容:

请输入访问密码以查看隐藏内容

API

PasswordProtected Props

参数说明类型默认值
password验证密码string'coke'
prompt-message提示文本string'输入密码才能查看参考答案噢'
placeholder输入框占位符文本string'点击此处输入密码'
button-text按钮文本string'验证'
error-message-text错误提示信息string'密码错误,请重试。'

PasswordProtected Slots

插槽名说明
default需要密码验证才能显示的内容

注意事项

  • 此组件仅在前端进行简单的密码验证,不适合用于真正的安全场景
  • 密码以明文形式存在于代码中,请勿用于保护真正敏感的信息
  • 适合用于教学、演示等轻度保护场景

Released under the MIT License.