当前位置:网站首页>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(',')
边栏推荐
- Documents to be used in IC design process
- Airiot IOT platform enables the container industry to build [welding station information monitoring system]
- 第五期个人能力认证考核通过名单公布
- 业务与应用同步发展:应用现代化的策略建议
- 基于蝴蝶种类识别
- Actf 2022 came to a successful conclusion, and 0ops team won the second consecutive championship!!
- QPushButton绑定快捷键的注意事项
- MRO industrial products enterprise procurement system: how to refine procurement collaborative management? Industrial products enterprises that want to upgrade must see!
- [matlab] Simulink the input and output variables of the same module cannot have the same name
- 保证接口数据安全的10种方案
猜你喜欢
渲大师携手向日葵,远控赋能云渲染及GPU算力服务
Online notes
应用使用Druid连接池经常性断链问题分析
CCNP Part 11 BGP (III) (essence)
Word如何显示修改痕迹
Based on butterfly species recognition
Airiot IOT platform enables the container industry to build [welding station information monitoring system]
How to improve website weight
About NPM install error 1
Solution of commercial supply chain management platform for packaging industry: layout smart supply system and digitally integrate the supply chain of packaging industry
随机推荐
【pytorch】yolov5 训练自己的数据集
About NPM install error 1
Interview assault 63: how to remove duplication in MySQL?
PMP practice once a day | don't get lost in the exam -7.6
Modulenotfounderror: no module named 'PIL' solution
When visual studio code starts, it prompts "the code installation seems to be corrupt. Please reinstall." Solution to displaying "unsupported" information in the title bar
关于静态类型、动态类型、id、instancetype
Intelligent supply chain management system solution for hardware and electromechanical industry: digital intelligent supply chain "creates new blood" for traditional industries
Actf 2022 came to a successful conclusion, and 0ops team won the second consecutive championship!!
R语言ggplot2可视化时间序列柱形图:通过双色渐变配色颜色主题可视化时间序列柱形图
Camel case with Hungarian notation
Fast power template for inverse element, the role of inverse element and example [the 20th summer competition of Shanghai University Programming League] permutation counting
MRO industrial products enterprise procurement system: how to refine procurement collaborative management? Industrial products enterprises that want to upgrade must see!
Multithreading Basics: basic concepts of threads and creation of threads
Yutai micro rushes to the scientific innovation board: Huawei and Xiaomi fund are shareholders to raise 1.3 billion
RT-Thread 组件 FinSH 使用时遇到的问题
QPushButton绑定快捷键的注意事项
MATLAB中deg2rad和rad2deg函数的使用
Analysis of frequent chain breaks in applications using Druid connection pools
map的使用(列表的数据赋值到表单,json逗号隔开显示赋值)