我是 vue 的新手。所以這是我的 vue 模板<template><div class="app-container"> <el-dialog :visible="dialogVisible" title="View order" :before-close="() => dialogVisible = false"> <order-form :oneorder="oneorderdata" @success="handleAdd" @cancel="dialogVisible = false" /> </el-dialog> <el-table v-loading="loading" :data="orders" border> <el-table-column prop="order.id" label="Id" /> <el-table-column prop="order.fullName" label="Full Name" /> <el-table-column prop="order.address.name" label="Address" /> <el-table-column prop="order.status" label="Status" /> <el-table-column label="View" prop="order.id" min-width="150"> <template slot-scope="{row}"> <el-col style="flex: 0"> <el-button icon="el-icon-plus" type="primary" @click="senddata(row.order)"> View Order </el-button> </el-col> </template> </el-table-column> </el-table></div></template>當我點擊按鈕時,對話框是真的,所以我調用訂單組件,我想向它傳遞數據。組件正常打開,但錯誤說找不到一個orderview,盡管我在發送數據方法中正常在控制臺中顯示它。我試過了v-bind:oneorder="oneorderview"但它不起作用,它沒有顯示任何錯誤。提前致謝。這是我的腳本<script> import Vue from "vue"; import Component from "vue-class-component"; import { getOrders } from "@/api/store"; import dataStore from "@/store/modules/data"; import { OrderView } from "../../../models"; import { OrderInput } from "@/models"; import DataModule from "@/store/modules/data"; import OrderForm from "./form.vue"; type _OrderInput = OrderInput; interface TableRowData { editMode: boolean; order: OrderView; editedOrder: _OrderInput; } @Component({ components: { OrderForm, }, }) export default class Orders extends Vue { orders: TableRowData[] = []; oneorderview: any; loading = false; dialogVisible = false; searchKey = ""; async created() { await DataModule.ensureLoaded(); this.fetchData(); } async fetchData() { this.loading = true; await dataStore.loadorders(); if (dataStore.orders.hasLoaded) {以及如何處理子組件中的數據。
如何將對象發送到 Vue elementui 中的子組件
墨色風雨
2022-08-18 09:57:21