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 ]

4.uniapp的路由传参 边