zoukankan      html  css  js  c++  java
  • Vue中的this.$set()

    当我按下play,穿梭在大街小巷,没什么不对,每个人都会只是你自己在束缚自己。快来做个一等一的player,要求自己不能够太普通一定必须要去做点成就。

    这东西是干什么的?主要作用是什么?浏览了朋友的博客后发现的作用

    官方文档:https://cn.vuejs.org/v2/api/#Vue-set

    举一个简单的例子:

    data () {
        return {
            student: {
                name: '',
                age: ''
            }
        }
    },
    mounted () {
        this.student.age = 24
    }

    众所周知,直接给student赋值操作,虽然可以新增属性,但是不会触发视图( 页面 )更新
    原因是:vue.js的属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的。这里就可以使用this.$set了

    this.$set()的正确写法和使用

    mounted () {
        this.$set(this.student,"age", 24)
    }
    第一个参数:改变的对象
    第二个参数:改变的对象中的属性
    第三个参数:改变的属性值
  • 相关阅读:
    [bzoj4364] [IOI2014]wall砖墙
    [bzoj3064] [Tyvj 1518] CPU监控
    [bzoj3434] [WC2014]时空穿梭
    ASP.NET
    ASP.NET
    ASP.NET
    ASP.NET
    ASP.NET
    ASP.NET
    MSSQL
  • 原文地址:https://www.cnblogs.com/home-/p/11717912.html
Copyright © 2011-2022 走看看