对接添加购物车

src/components/takeFoodCode.vue

@@ -1,7 +1,7 @@
 <!-- 取餐号组件 -->
 <template>
-    <el-dialog title="修改取餐号" width="600" v-model="dialogVisible" @open="opne">
-        <el-input v-model="number" placeholder="请输入取餐号" readonly></el-input>
+    <el-dialog :title="props.title" width="600" v-model="dialogVisible" @open="opne">
+        <el-input v-model="number" :placeholder="props.placeholder" readonly></el-input>
         <div class="keybord_wrap">
             <div v-for="item in 9" :key="item">
                 <el-button plain type="info" style="width: 100%;" @click="inputHandle(item)">{{ item }}</el-button>
@@ -25,6 +25,17 @@
 <script setup>
 import { ref } from 'vue';
 
+const props = defineProps({
+    title: {
+        type: String,
+        default: '标题'
+    },
+    placeholder: {
+        type: String,
+        default: '提示'
+    }
+})
+
 const dialogVisible = ref(false)
 const number = ref('')