qzw_xcx/component/Dialog.vue

<template>
    <view v-if="showdialog">
		<van-dialog  
		:title="titles"
		show-cancel-button="true"
		:show="showdialog"
		@cancel="cancelDialog" @confirm="confirmOrder"
		>
		<view>
			{{values}}
		</view>
		</van-dialog>
	</view>
</template>

<script>
  export default {
    props:{
      orderCancel:{
        default: false,
        type: Boolean
      },
	  titles: {
		  default: '确定取消订单？',
		  type: String
	  },
	  values:{
		  default: '',
		  type: String
	  },
    },
    data() {
      return {
        showdialog: false
      }
    },
	watch:{
		'orderCancel':function(val) {
			if(val) {
				this.showdialog = true;
			}else {
				this.showdialog = false;
			}
		}
	},
	onLoad() {
		console.log(this.titles)
	},
    methods: {
      cancelDialog() {
        this.show = false;
        this.$emit('colseDialog')
      },
      confirmOrder() {
        this.show = false;
        this.$emit('confirmPay')
      },
    }
  }
</script>

<style>
	  
  .showdialog {
	  width: 100%;
	  height: 100vh;
  }
</style>