vue set方法

最新推荐文章于 2022-11-26 18:46:33 发布

上晴下雪

最新推荐文章于 2022-11-26 18:46:33 发布

阅读量463

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/xueerkeji/article/details/106248544

版权

vue 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>Vue set方法</title>
	<script src="vue.js"></script>
</head>
<body>
	<!--
		改变对象，数组的方法
		1.改变对象，数组的引用
		2.变异方法
		3.set方法
			set方法 全局：Vue.set(list,202,'202数据');
					实例：app.$set(app.list,202,'202数据')
		
	-->
	<div id="app">
		<template v-for="(item,key,index) of list" >
			<div>
			{{item}}--{{key}}--{{index}}
			</div>
	
		</template> 
	</div>
	<script type="text/javascript">
		var app = new Vue({
			el:'#app',
			data:{
				list:{
					name:"del",
					age:23,
					gender:'male',
					salary:'secret'
				}	
			}
		})
		//Vue.set(app.list,'salary','beng');
		app.$set(app.list,'salary','安');
		
	</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

上晴下雪

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue set方法

<!DOCTYPE html><html><head> <title>Vue set方法</title> <script src="vue.js"></script></head><body> <!-- 改变对象，数组的方法 1.改变对象，数组的引用 2.变异方法 3.set方法 set方法全局：Vue.set(list,202,'202数据');
复制链接

扫一扫