(vue.js)VUE 怎么做到点击空白span变为input

来源:互联网  时间:2016/8/4 0:45:35

关于网友提出的“ (vue.js)VUE 怎么做到点击空白span变为input”问题疑问,本网通过在网上对“ (vue.js)VUE 怎么做到点击空白span变为input”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: (vue.js)VUE 怎么做到点击空白span变为input
描述:

在循环产生的表格中 做到点击空白的span 转变为input 切换掉之后变回span


解决方案1:

你评论那问我我有回答了~
简单来说因为 spaninline 元素,没内容宽度为 0,所以你直接在 css 中设置其为

display: inline-block;
width: 100%;
height: 40px;

让其就算空白还是占有一定空间,这样就可以点击切换,宽高部分自行是情况再做调整

上一篇如何在网页中实现720全景浏览
下一篇(vue.js)奇怪的现象,有的方法能绑上,有的绑不上。
明星图片
相关文章
《 (vue.js)VUE 怎么做到点击空白span变为input》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)