avalon 怎么 ms-if 渲染 <input />的时候 input 默认 focus

当 modifyAct 变为true的时候 td渲染为input 这时候希望input 为默认选中状态 但是不知道数据绑定应该怎么办到focus

html:

<td ms-if="!item.modifyAct" ms-click="modifyAct(index)">
    {{item.actNum}}
    <input type="hidden" ms-duplex="item.actNum" :attr="{name:item.actName}"/>
</td>
<td ms-if="item.modifyAct" >
    <input class="layui-input2" ms-blur="modifyAct(index)" :attr="{autofocus:true}" autocomplete="off"  ms-duplex="item.actNum" />
</td>

js:

modifyAct:function(index){
    this.list[index].modifyAct= !this.list[index].modifyAct;
}

图片:

clipboard.png
点击之后希望这个input 能够默认选中

阅读 3.9k
1 个回答

最后用jq 解决的
因为 ms-if 判断所以只有 一个input blur的时候 把modifyAct 改为了false

clipboard.png
但是感觉还还是很僵硬 不是个好办法
比如 modifyAct为true的时候 视图没渲染完 不就找不到$(".layui-input2") 这个元素了?

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