当前位置: 首页 > news >正文

企业建设网站公司/seo一键优化

企业建设网站公司,seo一键优化,河南做网站汉狮网络,图片手机网站建设this.$set的使用 在平时使用vue进行开发的时候,我经常会遇到一个这样的问题: 就是当data中包含声明且已赋值的对象或者数组(数组包对象)时,我们要向当前的这个对象中添加一个新的属性并且更新,结果发现并不…

this.$set的使用

在平时使用vue进行开发的时候,我经常会遇到一个这样的问题:

就是当data中包含声明且已赋值的对象或者数组(数组包对象)时,我们要向当前的这个对象中添加一个新的属性并且更新,结果发现并不会更新视图,只在控制台打印

<template><div><span>{{obj}}</span><input type="button" @click="add()"></div>
</template><script>
export default {data(){return{obj:{name:"小明"}}},methods:{add(){if(!this.obj.age){this.obj.age = 20}else{this.obj.age++}}}
}
</script><style></style>

受 ES5 的限制,Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的。

所以在data中注册的对象是响应式的,而后来添加的属性不是响应式的,只是个普通的属性,为了避免上面出现的问题,我们使用this.$set来向响应式对象中添加响应式的新属性

语法:this.$set(target,key,value)target:目标对象(要更改的那个对象/数组)key:要更改的具体属性(新属性)value:新属性的值(或者重新赋的值)
<template><div><span>{{obj}}</span><input type="button" @click="add()"></div>
</template><script>
export default {data(){return{obj:{name:"小明"}}},methods:{add(){if(!this.obj.age){//语法:this.$set(this.obj,"age",23)}else{this.obj.age++}}}
}
</script><style></style>

this.$delete

<template>
<div>{{testData.name}}<button @click="del">删除</button>
</div>
</template>
<script>
export default {name: "Home",data () {return {testData:{name:"zs"}};},methods:{del(){this.$delete(this.testData,"name")}}
}
</script>

以下为转载内容
$ set /Vue.set
$ nexttick,$ set

http://www.lbrq.cn/news/1110583.html

相关文章:

  • wordpress建手机站教程/阿里巴巴seo排名优化
  • 做网站要注意什么/成都谷歌seo
  • 装饰工程/厦门谷歌seo公司有哪些
  • 漳州最具口碑的网站建设/怎么提高百度搜索排名
  • 牛仔裤网站设计/百度开户流程
  • 优秀网站管理员/国家卫健委:不再发布每日疫情信息
  • 泉州做网站多少钱/微信广告
  • 爱站网站长seo综合查询/班级优化大师下载安装最新版
  • a网站建设/网站维护中
  • 有没有专门做根雕的网站/中文域名注册管理中心
  • 网站 网安备案查询/谷歌浏览器下载手机版安卓
  • 网站建设公司推荐 知乎/搜索引擎营销的主要方式有哪些?
  • 男人和女人做羞羞的免费网站/企业整站seo
  • 查询类网站怎么做/石家庄新闻网头条新闻
  • 有什么网站可以做跳转连接的/sem论坛
  • 做代练去什么网站安全吗/搜索引擎营销简称为
  • 怀柔区住房和城乡建设委员会网站/seo竞争对手分析
  • 上海做网站优化价格/沈阳网站关键词优化公司
  • windous 系统 做网站/杭州网站优化培训
  • 零食网站建设的必要性/seo快速工具
  • 移动网站设计尺寸/简述搜索引擎优化
  • 濮阳网站制作/推广seo网站
  • 英文做影评的网站/产品互联网推广
  • 上海英文网站建设/二级域名注册
  • 最好网页游戏网站/热搜词工具
  • 网站开发看谁的教程/在线资源链接
  • 做网站不备案用香港空间可以吗/百度seo优化怎么做
  • 人人车网站建设费用/文库百度登录入口
  • 广州市酒店网站设计/营销型网站策划书
  • 沈阳网站制作流程/最新腾讯新闻
  • Ubuntu系统下编译安装FreeSWITCH 1.10.12
  • 在云端解锁硬件的无限可能 —— 深圳航天科技创新研究院赋能新一代仿真教学平台
  • SVN使用过程中的几个疑问与解答
  • 如何快速下载 MT4 交易平台
  • javaScript中数组常用的函数方法
  • vue中的this.$set