textarea元素resize开启后，恢复原样

【CSS3】textarea元素resize开启后恢复原样

问题：

在开发一些表单时发现文本域中存在这样一个问题：

因为表单整个是一直复用的弹窗，提交后只是隐藏了，所以如果textarea在这次编辑中进行了拖拽，再次进入表单时它还是上次拖拽后的高度，有一种数据残留似的感觉。

注：技术栈 —— Vue

解决：

resize的机制是计算后实时更新元素style中的height属性值实现的，

这里选择监听元素的显示状态，在textarea不可见的时候偷偷将height改回去：

 <textareav-show="formShow"placeholder="请输入":style="`${formShow ? '' : 'height: 60px;'}`"/><el-button @click="formShow = !formShow">Show</el-button>

  data() {return {formShow: true};},

width是同样的道理。
因为resize直接对style下手，所以现在只想到这种办法来解决这个问题，如有其它想法、欢迎在评论区讨论~

textarea元素resize开启后，恢复原样相关推荐

DevpTips_开启猎豹wifi的win7主机断网后恢复网络，笔记本连不上猎豹wifi
开启猎豹wifi的win7主机断网后恢复网络,笔记本连不上猎豹wifi win7 - cmd- control - 网络 - 适配器 - 重启无线网卡 win10,更简单,开启,关闭
HTML图片在div中心旋转+变色鼠标移除后慢慢恢复原样
//鼠标移除后慢慢恢复原样列 th th{ transition: all 2s; } th:hover{ //变为原来的几倍大小 transform: scale(1.4); } &l ...
textarea 的 resize 属性
以前在写 textarea 文本域的时候,右下角始终都有一个小标识, 可以拖动,变换 textarea的大小后来发现了 resize 属性,可以控制元素的尺寸是否可以调整, resize 可取值有四 ...
drx功能开启后_简单实用！小米手机中这些新功能真香
小米手机作为国产机热销品牌之一,它除了有好看的外观,还有很多隐藏的实用功能,今天小编就来和大家分享5个小米手机里你不知道的功能. Al电话助理看到陌生号码时,很多人第一反应就是挂掉,不想接听,但又担 ...
[html] 如何使用普通元素拥有像textarea元素一样缩放？
[html] 如何使用普通元素拥有像textarea元素一样缩放? resize:both; 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录 ...
在操作系统重启后恢复应用程序的工作状态
Windows 10 创意者更新之后,默认开启了重启后恢复应用程序状态的功能.这是自 Vista 以来就提供的功能--Restart Manager. 应用程序实现这一功能只需要调用 Register ...
vue+element-ui中button点击后不恢复原样
在做项目时碰到点击element的button后不恢复原样 before: after: button的颜色并没有恢复,强迫症解决办法 <div><el-button type=& ...
解决Microsoft office套件中OneNote、Visio等软件开启后屏幕花屏
解决Microsoft office套件中OneNote.Visio等软件开启后屏幕花屏在使用OneNote.Visio软件时可能会出现电脑花屏的问题,关闭软件后甚至还会持续产生屏幕抖动情况.重启后 ...
怎么还原计算机网络,网络图标如何恢复原样？
电脑上的网络图标是我们使用电脑连接网络的显示标准,然而有的用户电脑上的网络图标突然不见了,这给电脑连接网络带来不小的麻烦.那么电脑网络图标如何恢复原样呢?接下来就来给大家分享些网络图标的恢复方法吧. ...

textarea元素resize开启后，恢复原样

【CSS3】textarea元素resize开启后恢复原样

问题：

解决：

textarea元素resize开启后，恢复原样相关推荐

最新文章

热门文章

textarea元素resize开启后， 恢复原样

【CSS3】textarea元素resize开启后恢复原样

问题：

解决：

textarea元素resize开启后， 恢复原样相关推荐

最新文章

热门文章

textarea元素resize开启后，恢复原样

textarea元素resize开启后，恢复原样相关推荐