Checkbox of element $msgbox render cannot bind data in both directions

clipboard.png

clipboard.png

problem description

cannot change the value of value again in on change callback

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)
data () {

        return {
            isChecked: false
        }
    },

const h = this.$createElement;

            const _this = this;
            this.$msgbox({
                title: "",
                message: h("div", null, [
                    h("p", null, " ""  "),
                    h("ElCheckbox", {
                        props: {
                            value: _this.isChecked
                        },
                        on: {
                            change(val) {
                                _this.isChecked = val;
                            }
                        }
                    }, ""),
                ]),
                type: "success",
                showCancelButton: true,
                confirmButtonText: "",
                cancelButtonText: "",
            }).then(res => {
                // console.log(res);
            }).catch(err => {

            });

what result do you expect? What is the error message actually seen?

Apr.25,2021

props: {
    checked: _this.isChecked
},

replace it with dialog


you can encapsulate el-picker once, and then render the encapsulated component

clipboard.png

< H2 > you need to pay attention to the change of the inner value to be received on the outside < / H2 > < H2 > also remember to register components globally < / H2 >
Vue.component('ElDatePickerBox', ElDatePickerBox)
The code for
el-date-picker-box is very simple
<template>
    <el-date-picker
        v-model="value"
        placeholder=""
        type="date">
    </el-date-picker>
</template>

<script>

    export default {
        name: 'el-date-picker-box', // Notice: 
        directives: {},
        components: {},
        mixins: [],
        data() {
            return {
                value: ''
            }
        },
        props: {},
        computed: {},
        filters: {},
        methods: {},
        watch: {
            value: {
                immediate: true,
                handler(val) {
                    this.$emit('update-date', val)
                }
            }
        },
        beforeCreate() {
        },
        created() {
        },
        beforeMount() {
        },
        mounted() {
        },
        beforeUpdate() {
        },
        updated() {
        },
        activated() {
        },
        deactivated() {
        },
        beforeDestroy() {
        },
        destroyed() {
        },
        errorCaptured() {
        },
    }
</script>

<style lang="scss" scoped>

</style>
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e64d64-45afa.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e64d64-45afa.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?