前端程序员Vue开发经验总结

原创

已于 2022-02-18 11:38:27 修改 · 6.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #echarts

于 2022-01-20 13:15:04 首次发布

本文是前端程序员关于Vue的开发经验总结，包括在ssd项目大屏和管理系统中使用echarts的基础样式和管理系统增删改查操作。在ms协同平台中，涉及流程开发和Element组件的运用，如tabs标签。同时，介绍了后端数组处理的两种方法：forEach和map，以及如何在不改变原数组的情况下进行字符串操作。此外，还分享了父子组件间的交互技巧，如父组件向子组件传递查询条件和控制变量，以及处理循环数据的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1：ssd项目大屏和管理系统总结

echarts基础样式：

管理系统增删改查：

2：ms协同平台总结

流程开发：

element组件操作：

tabs标签：

   // 获得标签数组
    async getTabarr() {
      let date = this.date
      let id = this.diamondBlockId
      const params = {
        date: date,
        diamondBlockId: id
      }
      const resFormObj = await DiamondBlockinfo(params)//获取当前菱形块编号下表单数据
      const resTableArr = await BlastHoleStatusInfo(id)//获取当前菱形块编号下表格数据
      const dataObj = resFormObj.data
      const dataArr = resTableArr.data
      let nameArr = this.editableTabs.map(item => item.name)
      if (nameArr.includes(id)) {
        this.editableTabsValue = id
      } else {
        this.editableTabs.push({
          title: id + '日爆破确认',
          name: id,
          InfoForm: dataObj,
          showArr: this.changeList(dataArr),
          BlastholeData: dataArr
        })
        this.editableTabsValue = id
      }
      console.log('tabs数组', this.e