1.出现undefined错误

包含子组件的标签需要放在<template></template>中第一个子标签的子标签中,而且需要设置ref属性,通过该属性调用子组件的方法或者属性,例如

<template>
  <a-card :bordered="false">
    <s-table>
    	...
    </s-table>
    
    <order-edit ref="modal" @ok="handleOk" />	<!-使用子组件-->
  </a-card>
</template>
this.$refs.modal.show() //子组件有show方法,调用方式`.方法名()`

2.出现is not a function的错误

2.1.子组件需要import,import是请确保路径正确

2.2.import之后还需要在父组件的component中进行注册

<script>
import OrderEdit from './form/OrderEdit'	//1.导入编辑表单子组件组件
export default {
   name: 'OrderList',
   //2注册子组件OrderEdit
  components:{
	 OrderEdit
  }
 //.....  

}
</script>



Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐