mint-ui的field组件应该怎样绑定focus事件?

发布于 2022-09-05 22:02:00 字数 352 浏览 13 评论 0

使用mint-ui的field组件时,发现绑定focus和blur事件无效。

<mt-field label="账号" placeholder="手机号/账号登录" v-model="user" @focus="validUser"></mt-field>

mint-ui在设计时没有考虑到如何绑定事件。issues中提到的解决办法不知道是什么意思?求大神解答。图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

北城半夏 2022-09-12 22:02:00

我试了,貌似可以做到,添加.native.capture 代码如下:
html

<mt-field class="lbl-comment" label="备注" placeholder="请输入备注" @focus.native.capture="handleCommentFocus"></mt-field>

javascript

handleCommentFocus() {
    console.log('=========================')
}

图片描述

图片描述

图片描述

韬韬不绝 2022-09-12 22:02:00

这个是无法做的。人家是一个标签里面嵌套了几个标签。包括label input 只能通过js去操作。在父元素给一个class class='fatherClassName'
用js 找到fatherClassName 下的input
增加attrbute 属性

比如
var input=document.getElementsByClassName('fatherClassName').childNodes[1];//假设input是他的第二个子元素
input.setAttribute("v-model", "你的变量");

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文