工作294:for[item.key]使用
生活随笔
收集整理的這篇文章主要介紹了
工作294:for[item.key]使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<el-form label-width="80px"><el-form-item label="項目名"><el-input v-model="project_name" placeholder="請輸入項目名"></el-input></el-form-item><el-form-item v-for="item in AweMepro" :label="item.name"><el-input v-if="item.widget.type == 'input'" v-model="form[item.key]" placeholder="名稱"></el-input><!-- <el-select v-else-if="item.widget.type == 'category-select'" v-model="form[item.key]" placeholder="">--><!-- <el-option v-for="row in item.widget.categories" :label="row.title" :value="row.value"></el-option>--><!-- </el-select>--><!-- <el-cascader--><!-- v-else-if="item.widget.type == 'category-select'"--><!-- v-model="form[item.key]"--><!-- :options="item.widget.categories"--><!-- @change="handleChange"--><!-- >--><!-- </el-cascader>--><el-cascader v-else-if="item.widget.type == 'category-select'" v-model="categoryValue":options="item.widget.categories" @change="handleChange"><template slot-scope="{ node, data }"><span>{{ data.title }}</span></template></el-cascader><el-switch v-else-if="item.widget.type == 'boolean-select'" v-model="form[item.key]" text="是否原創"></el-switch><el-tag v-else-if="item.widget.type == 'tag-input'" v-for="row in form[item.key]" size="medium" closable>{{row}}</el-tag><el-date-pickerv-else-if="item.widget.type == 'date-time'"v-model="form[item.key]"type="datetime"placeholder="選擇日期時間"value-format="timestamp"></el-date-picker><el-upload :action="action"v-else-if="item.widget.type == 'picture'"disabled><img v-if="form[item.key]" :src="form[item.key]" class="avatar"><i v-else class="el-icon-plus avatar-uploader-icon"></i></el-upload><el-upload :action="action"v-else-if="item.widget.type == 'cover-pictures'"disabled><img v-if="form[item.key]" :src="form[item.key]" class="avatar"><i v-else class="el-icon-plus avatar-uploader-icon"></i></el-upload></el-form-item></el-form><!-- <div v-for="(item,index) in this.itemsBian"><el-input v-if="item.widget.type='input'" type="item.widget.type" placeholder="請輸入名稱" v-model="item.name"></el-input></div>--><span slot="footer" class="dialog-footer"><el-button @click="dialogVisible = false">取 消</el-button><el-button type="primary" @click="ListAccept">確 定</el-button></span>
總結
以上是生活随笔為你收集整理的工作294:for[item.key]使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 工作314:uni-提交成功加入表单验证
- 下一篇: Win10 桌面美化