javascript - vuejs如何v-if的用法
程序员文章站
2022-04-03 18:57:29
...
刚开始接解vuejs,现在有个问题是这样的,我想实现一个表格中的数据查看的时候是普通的text数据,一旦点击每一行的编辑按钮时,这一行的数据以input输入框来实现,
我初步的设想是这样的:给这一列数据的data添加一个editmode属性,一旦点击编辑按钮后改成editmode为true,然后v-if根据这个值来决定输出样式:
我初步的设想是这样的:给这一列数据的data添加一个editmode属性,一旦点击编辑按钮后改成editmode为true,然后v-if根据这个值来决定输出样式:
id
name
pass
操作
{{$index + 1}}
{{data.name}}
{{data.name}}
然后在方法中
edit: function(data){
//alert(data.editmode);
data.editmode = true;
}
我可以看到每次这样子做后,editmode确实改变成了true,但是那一行数据并没有变成input模式,求教实现方法。
回复内容:
刚开始接解vuejs,现在有个问题是这样的,我想实现一个表格中的数据查看的时候是普通的text数据,一旦点击每一行的编辑按钮时,这一行的数据以input输入框来实现,
我初步的设想是这样的:给这一列数据的data添加一个editmode属性,一旦点击编辑按钮后改成editmode为true,然后v-if根据这个值来决定输出样式:
id
name
pass
操作
{{$index + 1}}
{{data.name}}
{{data.name}}
然后在方法中
edit: function(data){
//alert(data.editmode);
data.editmode = true;
}
我可以看到每次这样子做后,editmode确实改变成了true,但是那一行数据并没有变成input模式,求教实现方法。
下一篇: linux如何查看服务