中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
大家好 我是歌谣 今天给大家说说我刚写vue3项目的一些问题
export default defineComponent({ setup() { const router = useRouter(); const layout = {}; const validateMessages = { required: "请输入当前数量", }; const formState = reactive({ user: { planned: 0, qualified: 0, unqualified: 0, scrap: 0, }, }); const onFinish = (values: any) => { console.log("Success:", values); }; const goHome = () => { router.push({ name: "index", }); }; const getError = () => { message.error("有异常出现"); }; const teamcode = ref<string>(""); return { teamcode, formState, onFinish, layout, validateMessages, goHome, getError, }; },
<script setup lang="ts"> import { ref, reactive } from "vue"; import { useRouter } from "vue-router"; import { message } from "ant-design-vue"; import { ClockCircleOutlined } from '@ant-design/icons-vue'; const router = useRouter(); const layout = {}; const validateMessages = { required: "请输入当前数量", }; const formState = reactive({ user: { planned: 0, qualified: 0, unqualified: 0, scrap: 0, }, }); const onFinish = (values: any) => { console.log("Success:", values); router.push({ name: "FinishedProduct", }); }; const goHome = () => { router.push({ name: "index", }); }; const getError = () => { message.error("有异常出现"); }; const teamcode = ref<string>(""); </script>
import { ref, reactive } from "vue"; import { useRouter } from "vue-router"; import { message } from "ant-design-vue"; import { ClockCircleOutlined } from '@ant-design/icons-vue'; const router = useRouter(); const layout = {}; const validateMessages = { required: "请输入当前数量", }; const teamcode = ref<string>(""); const formState = reactive({ user: { planned: 0, qualified: 0, unqualified: 0, scrap: 0, }, });
<a-timeline > <a-timeline-item> 备料</a-timeline-item> <a-timeline-item> 钻中孔</a-timeline-item> <a-timeline-item> 精加工 </a-timeline-item> <a-timeline-item> <template #dot><clock-circle-outlined style="font-size: 16px" /></template> 钻边孔</a-timeline-item> <a-timeline-item>法兰成品检</a-timeline-item> </a-timeline>
<a-steps :current="numberNew"> <a-step v-for="(item, index) in baseArray" :key="item.id" :title="item.id==numberNew?item.name:''"> </a-step> </a-steps>
const props = defineProps({ //默认传入的数据线 baseArray: { type: Array, default: () => { return [] }, }, //默认传入的索引 number: { type: Number, default: 0 } });
const emit = defineEmits(["handleShowNumber"]) const router = useRouter(); const layout = {}; const validateMessages = { required: "请输入当前数量", }; const formState = reactive({ user: { planned: 0, qualified: 0, unqualified: 0, scrap: 0, }, }); const onFinish = (values) => { emit("handleShowNumber") numberNew.value++ console.log(numberNew,"") if (numberNew.value > baseArray.length-1) { router.push({ name: "index" }); } else { router.push({ name: baseArray[0].route }); } };
<BaseForm :baseArray="BaseArray" :number="number" @handleShowNumber="handleChangeNumber"></BaseForm>
const { baseArray, number } = props
微信扫码分享