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

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

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

function $1(){
  ElMessageBox.prompt('message', 'prompt',{
    showInput: true,
    inputType: 'password',
    inputPlaceholder: 'userManage.password',
    showCancelButton: true,
    confirmButtonText:'confirm',
    cancelButtonText:'cancel',
    confirmButtonClass: 'el-confirm-button',
    cancelButtonClass: 'el-cancel-button',
    center: true,
    draggable: true, //可以拖拽
    distinguishCancelAndClose: true, //区分取消操作与关闭操作
    closeOnClickModal: false,
  })
}

相关问题