美文网首页
vue 修改对象方法

vue 修改对象方法

作者: Gino_Li | 来源:发表于2019-05-14 00:32 被阅读0次

1.set方法,添加一个属性和值
set方法还可以为对象添加属性和值

<script>
    export default {
        data(){
            return {
                obj:{
                    name:'xiaoming'
                }
            }
        },
        methods:{
            change(){
                this.$set(this.obj,'age',12)
                console.log(this.obj);{name:xiaoming,age:12}
            }
        }
    }
</script>

2.Object.assign(ES6语法),添加多个属性和值

<script>
    export default {
        data(){
            return {
                obj:{
                    name:'xiaoming'
                }
            }
        },
        methods:{
            change(){
                this.obj=Object.assign({},this.obj,{
                      height:180,
                      eq:200
                  })
            }
        }
    }
</script>

相关文章

  • vue的$set方法实现

    vue的$set方法默认传入三个参数,需要修改的对象引用target,对象的键值(数组的index)key,要修改...

  • vue 修改对象方法

    1.set方法,添加一个属性和值set方法还可以为对象添加属性和值 2.Object.assign(ES6语法),...

  • vue一些注意事项

    对数据修改时一些对象和数组方法可能不会引起vue的动态响应,对此vue提供了一些替换方法,所以避免使用那些不能及时...

  • 80. node-sass 修改小数点后保存的精度

    方法一:修改 vue.config.js

  • Python Jinja2 和Vue 中 渲染变量

    方法一: 修改Python Jinja2 分隔符 方法二: 修改Vue 变量分隔符

  • 整理集合

    中国风的react组件库 vue通过下标修改数组和新增对象属性 vue底层

  • vue.js总结

    django模板语言与vue.js冲突问题 方法1: 修改vue.js绑定符`Vue.config.delimit...

  • Vue 实例化多个Vue对象

    一.实例化多个Vue对象 1. 多个实例化vue对象,和单个vue对象,使用方法一样,只是绑定操控的el元素不同了...

  • vue的vnode初涉

    使用vue对象的.$createElement方法,编写虚拟节点;

  • 02. 认识 Vue 对象(二)

    接上篇 :01. 认识 Vue 对象(一) 今天我们接着来看 eventsMixin(Vue),这个方法给 Vue...

网友评论

      本文标题:vue 修改对象方法

      本文链接:https://www.haomeiwen.com/subject/suzdaqtx.html