vue中更改数组中属性在页面中不生效怎么解决
发表于:2024-10-01 作者:千家信息网编辑
千家信息网最后更新 2024年10月01日,本文小编为大家详细介绍"vue中更改数组中属性在页面中不生效怎么解决",内容详细,步骤清晰,细节处理妥当,希望这篇"vue中更改数组中属性在页面中不生效怎么解决"文章能帮助大家解决疑惑,下面跟着小编的
千家信息网最后更新 2024年10月01日vue中更改数组中属性在页面中不生效怎么解决
本文小编为大家详细介绍"vue中更改数组中属性在页面中不生效怎么解决",内容详细,步骤清晰,细节处理妥当,希望这篇"vue中更改数组中属性在页面中不生效怎么解决"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
问题描述:
使用vue的方法获取了数组数据,获取数据后为每个数据增加edit属性,初始值均为false,其目的是为了当点击列表中的编辑按钮时,控制保存与不保存的按钮的出现与消失,结果当更改数组中的edit属性后,页面并没有如预期的那样当edit为true时页面显示更改状态,当edit为false时为不更改状态
解决方案:
edit是在通过post方法获取数据后增加到vue的data数据中的属性,一开始我的做法先将接收到的数据赋值到vue的data中,再对vue的data中的数据增加edit属性,这样在改变edit的之后,虽然在js中使用console.log可以看到该值已经发生变化,但页面中的data值并没有发生变化。
正确的做法应该是先为接收到的数据初始化edit属性,再将处理后的数据赋值给vue的data。
代码如下
{{book.orderIndex}} //如果edit属性为false,则该span出现 //如果edit属性为true,则该input出现 //如果edit属性为true,出现不保存(x)按钮 //如果edit属性为true,出现保存(√)按钮
读到这里,这篇"vue中更改数组中属性在页面中不生效怎么解决"文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注行业资讯频道。
属性
数据
页面
数组
按钮
文章
变化
做法
内容
方法
状态
处理
妥当
代码
思路
新知
方案
是在
更多
步骤
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
最新的软件开发模型
幼儿园网络安全方案小班
魔兽世界服务器不同区能一起玩吗
dos 关闭不了数据库
烈焰网络技术
广州市睿源网络技术有限公司
财务系统最重要的数据库文件
数据库太大无法压缩
自学软件开发好学吗女生
衡阳社交软件开发公司
微信朋友圈数据库损坏的图片
购物网站数据库课程设计
网络安全法 2017.6
数据库技术中反应班级
h5上传web服务器
巢湖方便网络技术咨询介绍
光网络技术 万助军
cas数据库验证
软件开发与测试专业考研方向
金融数据库设计字段
明轩圆梦互联网科技有限公司
数据库怎么查到重复的数据
db2数据库的cmd文件
海盗船服务器
数据库 闭包有什么用
如何管理大型软件开发项目
幼儿园网络安全问题整改
数据库怎么创建层次模型
华为云空间怎么清除数据库
金融数据库设计字段