dialogDemo.vue 677 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <div>
  3. <el-button @click="showProduct">商品弹窗</el-button>
  4. <el-button @click="showWarehouse">仓库弹窗</el-button>
  5. <productDialog ref="product" />
  6. <warehouseDialog ref="warehouse" />
  7. <div class="productStore">
  8. <productStore />
  9. </div>
  10. </div>
  11. </template>
  12. <script lang="ts">
  13. import { Component, Prop, Vue, Watch } from "vue-property-decorator";
  14. @Component
  15. export default class DialogDemo extends Vue {
  16. showProduct(){
  17. (this.$refs.product as any).setShow(true)
  18. }
  19. showWarehouse(){
  20. (this.$refs.warehouse as any).setShow(true)
  21. }
  22. }
  23. </script>
  24. <style lang="scss" scoped>
  25. .productStore{
  26. padding-top: 16px;
  27. }
  28. </style>