您好,欢迎来到好走旅游网。
搜索
您的当前位置:首页vue页面传参调用公共组件

vue页面传参调用公共组件

来源:好走旅游网

一写一个公共组件

export default {
  name: 'PdfIndex',`在这里插入代码片`
  props: {
    pdfUrl: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
      objectUrl: ''
    }
  },

二页面引入公共组件

1 在script导入公共组件
2 在components中注册组件
3 页面直接调用

    <a-modal v-model="visible" title="报表预览" @ok="handleOk" width="800">
      <div><pdfindex :pdfUrl="previewUrl" /></div>
    </a-modal>
import pdfindex from '@/components/PdfIndex.vue';

export default {
  name: 'xxxx',
  components: { pdfindex },
 }

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- haog.cn 版权所有 赣ICP备2024042798号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务