Page({
    data: {
        fruit: [
            {
                id: 1,
                name: "香蕉"
            },
            {
                id: 2,
                name: "苹果"
            },
            {
                id: 3,
                name: "西瓜"
            },
            {
                id: 4,
                name: "葡萄"
            }
        ],
        current: ["苹果", "葡萄"],
        position: "left",
        animal: "熊猫",
        checked: false,
        disabled: false
    },

    handleFruitChange({ detail = {} }) {
        const index = this.data.current.indexOf(detail.value);
        index === -1
            ? this.data.current.push(detail.value)
            : this.data.current.splice(index, 1);
        this.setData({
            current: this.data.current
        });
    },

    handleClick() {
        this.setData({
            position:
                this.data.position.indexOf("left") !== -1 ? "right" : "left"
        });
    },

    handleDisabled() {
        this.setData({
            disabled: !this.data.disabled
        });
    },

    handleAnimalChange({ detail = {} }) {
        this.setData({
            checked: detail.current
        });
    }
});
