1.点击编辑icon出现input框效果
<FormItem label="用户姓名:" prop="userName">
<div style="display:inline-block;width:200px;">
<span v-if='!showNameInput'> {{userForm.userName}} </span>
<Icon v-if='!showNameInput' type="compose" size="18" class='edit-name' @click.native='showNameInput = true' />
<Input v-else v-model="userForm.userName"></Input>
</div>
</FormItem>
showNameInput:false