如何使用Vue.js中的set设置对象属性值

阳光穿透心脏的1/2处 2024-04-18 03:02 72阅读 0赞

1、问题背景

使用vue初始化一个对象v，并在data中初始化一个空对象obj，然后使用Vue.set()给对象obj添加属性

2、实现源码

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script src="../js/vue.js"></script>
    	</head>
    	<body>
    		<div id="goods">
    			<label>{
       {goods}}</label>
    		</div>
    		<script>
    			var v = new Vue({
    				el:"#goods",
    				data(){
    					return {
    						goods: "您好",
    						obj: {
    							
    						}
    					}
    				}
    			});
    			
    			Vue.set(v.obj,"name","zhangsan");
    			
    			console.log(v.obj);
    		</script>
    	</body>
    </html>

3、实现结果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70][] Vue.js中的Vue.set()方法

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/33da6ea1b26c4b22816d0607eea389a9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，72人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java 反射设置/获取对象属性值

Java 通过反射设置对象属性值，或者获取对象属性值，编码过程中反射结合泛型使用可以代码复用，减少冗余代码；

浅浅的花香味﹌/ 2024年04月23日 16:00/ 0 赞/ 120 阅读

相关如何使用Vue.js中的set设置对象属性值

、问题背景使用vue初始化一个对象v，并在data中初始化一个空对象obj，然后使用Vue.set()给对象obj添加属性 2、实现源码 ...

阳光穿透心脏的1/2处/ 2024年04月18日 03:02/ 0 赞/ 73 阅读

相关获取proxy对象中属性的值

今天写vue3项目的时候，想要获取row里边的一个属性的值发现怎么也获取不到看代码这是前端页面当我要点击接种的时候想要获取到该行接种者自己的id ![37ad4

梦里梦外;/ 2024年03月26日 00:28/ 0 赞/ 101 阅读

相关 MySQL如何使用SET设置多值作为查询条件？

一、问题描述 1、如何使用 SET 存储多个变量作为 WHERE 条件进行查询呢？实现效果： SELECT FROM t_table WHERE id I

我会带着你远行/ 2023年01月17日 06:22/ 0 赞/ 349 阅读

相关如何将A对象属性值赋值给B对象中相同属性

B为需要的属性，但值是想要A对象属性对应的值以下操作可以得到B对象，和想要得值 <js> var A={ name:'张三',

Dear 丶/ 2022年11月11日 05:50/ 0 赞/ 199 阅读

相关 Vuejs computed set get计算属性

直接贴代码，看注释 <template> <div id="example"> <!-- 设置计算属性的绑定字段，即reversedMessage的计算属性

柔光的暖阳◎/ 2022年06月09日 12:12/ 0 赞/ 257 阅读

相关 js中如何获取某一个属性的值，如何设置一个属性的值

`.getAttribute(``"属性名"``)``//获取` `` `.setAttribute(``"属性名"``,``"值"``)``//设置` `` ``

墨蓝/ 2022年05月30日 06:08/ 0 赞/ 259 阅读

相关 Java：如何使用OGNL将properties中的属性值映射到对象树中

比如有如下相互关联的类： public class User { private String gender; p

约定不等于承诺〃/ 2022年05月30日 02:48/ 0 赞/ 363 阅读

相关 Vuejs 嵌套数组属性值的修改

![70][] 这个效果终于实现了！ html的写法： <x-table :cell-bordered="false" :content-bordered="fa

浅浅的花香味﹌/ 2022年05月21日 06:52/ 0 赞/ 460 阅读

相关 Vuejs computed get set 计算属性

直接看代码吧 \`\`\` <template> <div id="example"> <!-- 设置计算属性的绑定字段，即reversedMessa

电玩女神/ 2022年02月04日 11:15/ 0 赞/ 337 阅读