vue后台开发中遇到的问题

vue后台开发中遇到的问题

1.动态路由刷新之后直接404页面丢失
原因:静态路由中添加了path:*,是所有路由的意思,所以在动态渲染路由时没有找到响应的路由就直接找了所有的路由报404
2.element-ui中select选择器,不通过遍历渲染数据拿到值,直接动态绑定element-option中的value

  <el-form-item label="账户分类">
                      <el-select v-model="form[0].vald"
                                 style="width: 190px"
                                 placeholder="请选择">
                        <el-option label="单账户"
                                   :value="'0'"></el-option>
                        <el-option label="多账户"
                                   :value="'1'"></el-option>
                      </el-select>
                    </el-form-item>

3.在获取数据时初始化为空时报的错

解决:在form表单中加上一个判断条件,用到v-if,判断数组是否为空
4.错误是：期望对象，得到的是数组

从后台获取的数据是List类型，需要把它改为Object
我使用数组的扩展运算符{…}转换成对象

//例
this.form = { ...res }

5.接口是list类型(数组对象),form表单是需要接收对象,利用上一步操作转换之后,提交修改数据需要转换成list类型(),对象转换成list类型
解决:

this.stationData = []
// for..in...遍历对象
      for (const i in this.form) {
        this.stationData.push(this.form[i])
      }