微信小程序觀察者模式 observers

const app = getApp();
const request = require('../../../utils/request.js');
Component({
    options: {
        multipleSlots: true // 在組件定義時的選項中啟用多slot支持
    },
    /**
     * 組件的屬性列表
     */
    properties: {
        commission: {
            type: String,
        },
        role: {
            type: Object,
        }
    },
    /**
     * 組件的初始數據
     */
    data: {
        switchType: '',
        role_commission: '',
    },
    /**
     * 組件的方法列表
     */
    methods: {},

    // 觀察者
    observers: {
        'commission'(commission) {
            this.setData({
                switchType: commission == 0 ? false : true,
                role_commission: commission,
            })
        }
    },
});

目的：向自定義組件中傳入一個參數，在頁面加載完前獲取參數

問題：ready，attached, show中都獲取不到properties接受的參數

解決：使用observers觀察者模式，在properties中參數改變時，講參數寫入組件的初始數據data的變量中，使用賦值的新變量操作頁面加載邏輯