为了账号安全,请及时绑定邮箱和手机立即绑定

关于表格span和input切换

关于表格span和input切换

潇潇雨雨 2018-08-11 09:10:43
表格中平时显示是span 点击之后变为input <span v-if="!editing" @click="edit()" >{{item.wenzi}}</span>    <input type="text"     v-el:input v-if="editing"     v-on:keyup.enter="blur()"     value="{{item.wenzi}}"     v-model="item.wenzi" > methods: {     blur: function () {      this.editing = false     },     edit: function () {      this.editing = true       this.$nextTick(function () {        this.$els.input.focus()       })     },
查看完整描述

1 回答

?
慕妹3242003

TA贡献1824条经验 获得超6个赞

模擬測試你的代碼,正常耶...
有什麼詳細的報錯嗎?

不過你有個地方寫錯了
v-on:keyup.enter="blur()" 應該改成 @blur="blur" 才會在失焦時變成 span

模擬


查看完整回答
反对 回复 2018-09-24
  • 1 回答
  • 0 关注
  • 922 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信