0

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

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

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

查看全部 2 个回答

0

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

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

推荐答案

2

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

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

javascript

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

图片描述

图片描述

图片描述