vue3+ant design vue项目实现自动生成随机密码

今天在实现公司项目进行开设账号的时候，碰到一个功能点是希望能够自动生成随机密码，现将实现过程记录在此：

（1）首先，在 Vue 组件的模板中添加一个按钮和一个用于展示密码的输入框（也就是封装一个公共方法，方便后续有需要该功能都能继续调用）：

 （2）将这个封装好的生成随机密码的组件引入要需要该功能的页面

 在setup的components中暴露出来

在template中使用它

 

 并且要给对应存放密码的框直接存入所获取的随机密码，可以通过fillInPwd实现，需要调用ant design vue的useForm的setFieldsValue，如下：

 

 通过以上步骤：当点击“生成随机密码”时，就可以获取并赋值随机密码。