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

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

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

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

阅读 9.1k
2 个回答

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

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

javascript

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

图片描述

图片描述

图片描述

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题