[solved] a question about new item added showing wrong color

[zhengfen]

<template>
                <tr v-for="(item, index) in items" :key="item.id">
                    <td>
                        <switches v-model="item.paid" :emit-on-mount="false" @input="togglePaid(item)" theme="bootstrap" :color="color(item.paid)"></switches>
                    </td>
</template>
<scripts>
            color(value){
                return value? 'success':'default'; 
            },
            add(item){
                this.items.unshift(item);
                this.hide_add_modal();
            },
</scripts>

when a new item is unshifted into items, even if the value is set false, the color is green 'success', but once reload the page, the color becomes default as expected.
solved: as dataForm send 'false' as string...