• 技术文章 >后端开发 >php教程

    javascript - vuejs如何v-if的用法

    2016-09-25 09:36:58原创601
    刚开始接解vuejs,现在有个问题是这样的,我想实现一个表格中的数据查看的时候是普通的text数据,一旦点击每一行的编辑按钮时,这一行的数据以input输入框来实现,
    我初步的设想是这样的:给这一列数据的data添加一个editmode属性,一旦点击编辑按钮后改成editmode为true,然后v-if根据这个值来决定输出样式:

    id name pass 操作

    然后在方法中

                edit: function(data){
                    //alert(data.editmode);
                    data.editmode = true;
                }

    我可以看到每次这样子做后,editmode确实改变成了true,但是那一行数据并没有变成input模式,求教实现方法。

    回复内容:

    刚开始接解vuejs,现在有个问题是这样的,我想实现一个表格中的数据查看的时候是普通的text数据,一旦点击每一行的编辑按钮时,这一行的数据以input输入框来实现,
    我初步的设想是这样的:给这一列数据的data添加一个editmode属性,一旦点击编辑按钮后改成editmode为true,然后v-if根据这个值来决定输出样式:

    id name pass 操作

    然后在方法中

                edit: function(data){
                    //alert(data.editmode);
                    data.editmode = true;
                }

    我可以看到每次这样子做后,editmode确实改变成了true,但是那一行数据并没有变成input模式,求教实现方法。

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:vue.js php javascript
    上一篇:无限极分类数据库表怎么设计 下一篇:问什么微信订阅号没有办法用cookie存储openid?
    大前端线上培训班

    相关文章推荐

    • 这个程序为何不能遍历文件夹下的所有文件和文件夹• thinkphp模板输出有关问题• PHP中对缓冲区的统制实现代码 • thinkphp中display模板没法显示bootstrap效果 • 采集微信平台实时消息json有关问题

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网