当前位置:网站首页>Use of map (the data of the list is assigned to the form, and the JSON comma separated display assignment)
Use of map (the data of the list is assigned to the form, and the JSON comma separated display assignment)
2022-07-06 19:19:00 【Vegetable bird yard live】
<el-table :data="zdlxList" border style="width: 100%" max-height="250">
<el-table-column prop="zdlb" label=" Field list ">
<template #default="scope">
<el-input v-model="scope.row.zdlb" type="textarea" placeholder=" Please enter the field list " />
</template>
</el-table-column>
<el-table-column prop="zdsm" label=" Field description ">
<template #default="scope">
<el-input v-model="scope.row.zdsm" type="textarea" placeholder=" Please enter the field description " />
</template>
</el-table-column>
<el-table-column prop="zdlx" label=" Field type ">
<template #default="scope">
<el-select v-model="scope.row.zdlx" :style="{ width: '100%' }" placeholder=" Please select ">
<el-option
v-for="item in zdlxTpye"
:key="item.value"
:label="item.label"
:value="item.label"
></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label=" operation " width="100">
<template #default="scope">
<el-button link type="primary" size="small" @click.prevent="deleteRow(scope.$index)">
Delete
</el-button>
</template>
</el-table-column>
</el-table>
js part
const aa = zdlxList.value.map(a => {
return a.zdlx
})
const bb = zdlxList.value.map(a => {
return a.zdlb
})
const cc = zdlxList.value.map(a => {
return a.zdsm
})
data.form.fieldTypeList = aa.join(',')
data.form.fieldList = bb.join(',')
data.form.fieldDescList = cc.join(',')
边栏推荐
- [translation] a GPU approach to particle physics
- R语言ggplot2可视化:使用ggpubr包的ggstripchart函数可视化分组点状条带图(dot strip plot)、设置add参数为不同水平点状条带图添加箱图
- [depth first search] Ji suanke: find numbers
- Php+redis realizes the function of canceling orders over time
- C language daily practice - day 22: Zero foundation learning dynamic planning
- AutoCAD - what is the default lineweight for centerline drawing and CAD? Can I modify it?
- Modulenotfounderror: no module named 'PIL' solution
- short i =1; i=i+1与short i=1; i+=1的区别
- Simple understanding of MySQL database
- LeetCode-1279. 红绿灯路口
猜你喜欢
[paper notes] transunet: transformers make strongencoders for medical image segmentation
IC设计流程中需要使用到的文件
The list of people who passed the fifth phase of personal ability certification assessment was published
A method of removing text blur based on pixel repair
Abstract classes and abstract methods
Documents to be used in IC design process
业务与应用同步发展:应用现代化的策略建议
Looting iii[post sequence traversal and backtracking + dynamic planning]
包装行业商业供应链管理平台解决方案:布局智慧供应体系,数字化整合包装行业供应链
Unlock 2 live broadcast themes in advance! Today, I will teach you how to complete software package integration Issues 29-30
随机推荐
Take a look at how cabloyjs workflow engine implements activiti boundary events
Interview assault 63: how to remove duplication in MySQL?
Swagger2 reports an error illegal DefaultValue null for parameter type integer
R语言使用dt函数生成t分布密度函数数据、使用plot函数可视化t分布密度函数数据(t Distribution)
swagger2报错Illegal DefaultValue null for parameter type integer
It's super detailed in history. It's too late for you to read this information if you want to find a job
基于蝴蝶种类识别
C language daily practice - day 22: Zero foundation learning dynamic planning
Test technology stack arrangement -- self cultivation of test development engineers
Help improve the professional quality of safety talents | the first stage of personal ability certification and assessment has been successfully completed!
PMP每日一练 | 考试不迷路-7.6
AUTOCAD——中心线绘制、CAD默认线宽是多少?可以修改吗?
MRO industrial products enterprise procurement system: how to refine procurement collaborative management? Industrial products enterprises that want to upgrade must see!
C#/VB. Net to add text / image watermarks to PDF documents
Use of deg2rad and rad2deg functions in MATLAB
Interface test tool - postman
First day of rhcsa study
CCNP Part 11 BGP (III) (essence)
The nearest library of Qinglong panel
Wx applet learning notes day01