一,效果展示
二,效果概要
1.获取数据
2.数据渲染
3.赋值数据
4.点击提交审核
三,技术掌握
1.熟悉element组件库
2.掌握vue-cli脚手架
3.掌握vue-router路由
4.掌握vuex库
5.vscode编辑器
四,实现效果
1.获取后端数据,import {getProperty, getClassify, publish} from '@/service/api'
2.将其他部分组件引入到create中,
import Stuff from './stuff'
import Upload from './step-upload'
import UploadImg from '@/components/upload-img'
3.向后端发送的数据结构和用料的数据结构看一下
4.数据渲染
<template>
<div class="create">
<h2>欢迎发布新菜谱,先介绍一下你的大作!</h2>
<section class="create-introduce">
<h5>标题</h5>
<el-input
class="create-input"
placeholder="请输入内容"
v-model="backData.title"
></el-input>
<h5>属性</h5>
<div>
<el-select
v-for="item in properties"
:key="item.parent_type"
:placeholder="item.parent_name"
v-model="backData.property[item.title]"
>
<el-option
v-for="option in item.list"