7.14小计
遇到的一些小问题
1. 在循环遍历不同的背景颜色的 样式动态绑定问题
如图
<view v-for="item of radius">
<view :style="{backgroundColor:`${item.color}`}">{{item.name}}</view>
</view>
整理一下我的问卷调查的数据格式的思路
我分别列为 题目类型 题目标题 题目选项 题目必填状态 以数组对象的形式
如图
多选题的格式与单选题一样
我通过v-for 嵌套循环 外层循环题目数量(一条对象即为一条题目) 内层循环则为控制选项数量(这边里面的arrs为选项数组 key customItem)
1、
这样通过我用v-for通过数量来动态表单项数量
如图
以上通过点击事件操作表单数组 push增加 题目 或选项 splice来删除题目 和 选项
3、数组扁平化的方式
这么有个问题造成数据多维 Vuex 一层数组 有一层 里面状态又一层
1.使用flat()
const result1 = arr.flat(Infinity) ``// 指定深度为无限
console.log(result1) ``// [ 1, 2, 3, 4, 5 ]
const result2 = arr.flat(1) ``// 指定深度为1
console.log(result2) ``// [ 1, 2, 3, [ 4, 5 ] ]
const result3 = arr.flat(2) ``// 指定深度为2
console.log(result3) ``// [ 1, 2, 3, 4, 5 ]