问题描述：
做一个表格；初始状态只显示一个input field，当获得focus的时候会显示出其他的input.
我在做这个form的时候不能同时解决以下问题：
第一种：当鼠标点击空白块（表格外面的的区域时），表格应还原倒初始状态（只显示一个input field)
第二中：当鼠标点击form里面的input的时候，不会还原初始状态，会保持显示全部的input field）
以下为代码-用的vue.js 2.0-- 类似的例子是google keep （添加note的那个表格）
2
393
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
<form @focusin.self="isFocus=false" tabindex="0" class="column is-3 is-offset-4 hero is-primary">https://jsfiddle.net/KingMari...
或者用 focus 事件，参见：https://developer.mozilla.org...
focusin 事件会冒泡，focus 事件不冒泡
你是想要这个效果？
demo