vuejs-双击修改文本

项目中有双击修改文本的需求，结合实践，具体思路如下：

1.双击修改文本，也就意味着有两个节点的样式发生变化，一个是文本样式需要隐藏，另一个需要让输入框显示。

2.通过v-bind:class控制以上样式隐藏与否

3.注意css选择器的书写，父标签同一class中的类紧挨着书写，子标签的样式才能被渲染到，如.test.editing .edit

具体代码：

    
    
    
 


     

                    

                        {{ item }}