Lexus-media/src/views/data/demo.vue

<template>
<!-- 使用tip模态框demo -->
  <TipModal
    :tipFlag="tipModalFlag"
    :tipText="tipModalText"
    @close_tip_modal="closeTipModal"
  />
</template>
<script>
import TipModal from "../../components/TipModal";
export default {
  components: {
    TipModal,
  },
  data() {
    return {
      tipModalFlag: false,
      tipModalText: "",
    };
  },
  methods: {
    closeTipModal: function () {
      this.tipModalFlag = false;
    },
  },
//   使用时 this.tipModalText = '删除成功' 
// this.tipModalFlag = true;
};
</script>