field字段的get和set的用法和场景？

[vipshop]

field字段的get和set的用法和场景？

[EdwardQ]

get：用于将数据转换为asm组件所需要的格式

比如接口返回一个['a', 'b']的数据，但是ams组件field需要的数据格式是‘a,b’，那么就需要在get函数里面做数据转换，['a','b'] => 'a,b'

当使用ams提供的api接口请求给data赋值，或者直接在action里面用this.data.field = xxx设置的数据都会经过get函数处理为满足ams组件需要的数据格式

set：用于将ams组件所默认的格式处理为用户及接口所需要的真实数据

当用户输入input的内容或者选择select框的值这些交互时，ams会设置数据到data里面，然后经过set的处理，在data设置用户所需要的数据格式

// ams select默认数据为字符拼接
data.selectField = 'a,b'
// 用户接口数据需要数组
data.selectField = ['a', 'b']
 
selectField: {
    type: 'select',
    label: '多选',
    props: {
        options: [
            {
                value: 'a',
                label: '军大佬'
            },
            {
                value: 'b',
                label: '军85'
            },
            {
                value: 'c',
                label: '大佬军'
            }
        ]
    },
    get(val) {
        // 用于将数据转换为asm组件所需要的格式
        // 数组转字符
        if(val) {
            return val.join(',')        
        }
    },
    set(val) {
        // 用于将ams组件所默认的格式处理为用户及接口所需要的真实数据
        // 字符转数组
        if(val) {
            return val.split(',')       
        }
    }
}