dialog模拟confirm

利用dialog模拟confirm

子组件：

        

            data() {

                return {

                        title : '',

                        confirmDec : '',

                        visible: this.isConfirm,   //通过值来控制组件显示隐藏

                        isConfirmEnter : false,

                        btnText : ''

                        }

                },

            props: {

                isConfirm: {

                        type: Boolean,

                        default: false

                }

            },

            watch: {

                isConfirm () {

                        this.visible = this.isConfirm;    //监听控制

                }

            },

            methods : {

                    handleClick (evevt){

                            this.$emit('msgfromchild',event.target);  //通过emit传递事件给父组件

                }

            }

父组件：

    

          //通过sync修饰符 它会被扩展为一个自动更新父组件属性的 v-on 侦听器

    this.isReaderConfirm = true; //子组件显示

    this.$refs.confirmReaderComponent.xx = 'xxxxx'; //父组件通过$refs赋值

    readerConfirm （）{

        //这个里面就可以写触发事件之后的操作

    }