代码改变世界

Vue.$set

2019-01-02 14:20  孤独大兔子  阅读(85)  评论(0)    收藏  举报

ui组件用iview,可以忽略,主要是set的用法

<template>
    <div style="height:2000px;">
        <Table :columns="columns1" :data="data1" ref="tables"></Table>
    </div>
</template>
<script>
    import axios from 'axios'
    export default {
        data() {
            return {
                columns1: [
                    {type: 'selection',width: 60,align: 'center'},
                    {
                        title: 'Name',
                        key: "name"
                    },
                    {
                        title: 'Age',
                        key: 'age'
                    },
                    {
                        title: 'Address',
                        key: 'address'
                    }
                ],
                data1: [
                    {
                        name: "123",
                        age: 18,
                        address: 'New York No. 1 Lake Park'
                    },
                    {
                        name: "456",
                        age: 24,
                        address: 'London No. 1 Lake Park'
                    },
                    {
                        name: "123",
                        age: 30,
                        address: 'Sydney No. 1 Lake Park'
                    }
                ]
            }
        },
        methods: {

        },
        mounted() {
            this.$set(this.data1,0,Object.assign(this.data1[0],{_disabled:true}))
        }
    }
</script>

语法:

vm.$set( target, key, value )

参数:

  • {Object | Array} target
  • {string | number} key
  • {any} value

方便记忆,来记一波