问答

vue中编辑的时候变成input框,取消编辑因为双向绑定值也修改了,

作者:admin 2021-05-12 我要评论

td v-if="!editorStatus"{{ register_bussiness }}/tdtd v-else class="registrar" el-input v-model="register_bussiness" //td 刚开始 editorStatus = false ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
<td v-if="!editorStatus">{{ register_bussiness }}</td>
<td v-else class="registrar" ><el-input v-model="register_bussiness" /></td>

刚开始 editorStatus = false
点击编辑后editorStatus = true
有一个确定和取消按钮。现在在input里面输入值,点击取消后<td v-if="!editorStatus">{{ register_bussiness }}</td>里面的值也改变。点取消想要还是初始值

###

文本用一个值表示(register_bussiness),input用另一个(register_bussiness1),确定时候register_bussiness=register_bussiness1,取消register_bussiness1=register_bussiness

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue中编辑的时候变成input框,取消编辑

    vue中编辑的时候变成input框,取消编辑

  • 《你不知道的javascript》[中篇] gener

    《你不知道的javascript》[中篇] gener

  • H5强制横屏,安卓上下滑为左右滚动,左

    H5强制横屏,安卓上下滑为左右滚动,左

  • vue 循环列表随机背景颜色如何固定住?

    vue 循环列表随机背景颜色如何固定住?

腾讯云代理商
海外云服务器