element-plus [Component] [message-box] ElMessageBox组件,设置showInput: true的时候,文本框不能自动聚焦

wz1wpwve  于 10个月前  发布在  其他
关注(0)|答案(3)|浏览(88)

Bug Type: Component

Environment

  • Vue Version: 3.2.37
  • Element Plus Version: 2.2.14
  • Browser / OS: Chrome 120.0.6099.71 / Ubuntu 20.04.6 LTS
  • Build Tool: Vite

Reproduction

  • el-message-box

Element Plus Playground

Steps to reproduce

提交的最小环境连接里面有

What is Expected?

弹出框弹出的时候输入框能够自动聚焦

What is actually happening?

弹出框弹出的时候输入框没有自动聚焦

Additional comments

(empty)

yfwxisqw

yfwxisqw1#

autofocus是输入框的默认行为,似乎只会在整个窗口刷新一次后生效,后续点击失去焦点就不后生效

kxeu7u2r

kxeu7u2r2#

autofocus是输入框的默认行为,似乎只会在整个窗口刷新一次后生效,后续点击失去焦点就不后生效

那这个组件有办法在打开弹出框的时候自动聚焦输入框吗?没有的话我换成底dialog组件算了😢

kokeuurv

kokeuurv3#

参考文档 使用 ElMessageBox.prompt

  1. function $1(){
  2. ElMessageBox.prompt('message', 'prompt',{
  3. showInput: true,
  4. inputType: 'password',
  5. inputPlaceholder: 'userManage.password',
  6. showCancelButton: true,
  7. confirmButtonText:'confirm',
  8. cancelButtonText:'cancel',
  9. confirmButtonClass: 'el-confirm-button',
  10. cancelButtonClass: 'el-cancel-button',
  11. center: true,
  12. draggable: true, //可以拖拽
  13. distinguishCancelAndClose: true, //区分取消操作与关闭操作
  14. closeOnClickModal: false,
  15. })
  16. }
展开查看全部

相关问题