<invoiceModal showInvoiceModal="{{showInvoiceModal}}" showMaskFlag="{{showMaskFlag}}" companyHistoryList="{{companyHistoryList}}" showHistoryCompanyList="{{showHistoryCompanyList}}" showSearchCompanyList="{{showSearchCompanyList}}" companySearchList="{{companySearchList}}" bind:searchCompany="searchCompany" bind:submitInvoiceClick='submitInvoiceClick'></invoiceModal> 转vue写法

<template>
<invoiceModal
:showInvoiceModal="showInvoiceModal"
:showMaskFlag="showMaskFlag"
:companyHistoryList="companyHistoryList"
:showHistoryCompanyList="showHistoryCompanyList"
:showSearchCompanyList="showSearchCompanyList"
:companySearchList="companySearchList"
@searchCompany="searchCompany"
@submitInvoiceClick="submitInvoiceClick"
/>
</template>

<script>
import invoiceModal from '@/components/invoiceModal.vue';

export default {
components: {
invoiceModal
},
props: {
showInvoiceModal: Boolean,
showMaskFlag: Boolean,
companyHistoryList: Array,
showHistoryCompanyList: Boolean,
showSearchCompanyList: Boolean,
companySearchList: Array
},
methods: {
searchCompany() {
// 处理搜索公司的逻辑
},
submitInvoiceClick() {
// 处理提交发票的逻辑
}
}
};
</script>