Vue3+ts 父组件传变量（数组，字符串等等）给子组件

父组件

使用:parentTable="parentTable" ，:parentTable绑定值为子组件接收属性，双引号中为要传递的值

<AssociatedFormValue ref="associatedDialog" :parentTable="parentTable" />

 

const parentTable = ref() //父组件表格数据

//获取parentTable 值
const getParentTable = async () => {
  const res = await formDesignGetList()
  parentTable.value = res.rows
}

 

子组件 使用props接收

// 定义父组件传过来的值

// 定义父组件传过来的值
const props = defineProps({
  parentTable: {
    type: Array,
    default: () => [],
  },
});

//使用props.parentTable
const associatedFormDialog = (formId: any) => {
  title.value = '关联表单'
  isShowDialog.value = true
  formIdValue = formId
  tableData = props.parentTable
}