20210127--自己写的比较满意的东西

20210127在地图上显示和移除点，感觉代码冗余

          if (!this.firePolygon.position) {
            console.log(1)
            this.firePolygon = {
              position: new L.Polygon(this.fireStake, {
                color: 'red',
                fillColor: '#f03',
                fillOpacity: 0.4
              }).addTo(this.map)
            }
          }
          if (this.firePolygon.position) {
            console.log(2)
            this.firePolygon.position.remove()
            this.firePolygon = {}
            this.firePolygon = {
              position: new L.Polygon(this.fireStake, {
                color: 'red',
                fillColor: '#f03',
                fillOpacity: 0.4
              }).addTo(this.map)
            }
          }

20210128 15:34进阶版

if (this.firePolygon.position) {
    this.firePolygon.position.remove()
    this.firePolygon = {}
	}
   this.firePolygon = {
   position: new L.Polygon(this.fireStake, {
   color: 'red',
   fillColor: '#f03',
   fillOpacity: 0.4
   }).addTo(this.map)
}

递归数据，去掉后面每个数组后面都有两个点

fireRecursion(value) {
      Object.keys(value).forEach(item => {
        if (value[item] instanceof Array) {
          // 画六边形，去掉数组后面两个半径点
          value[item].splice(value[item].length - 2)
          this.fireStake = this.fireStake.concat([value[item]])
        }
        if (!(value[item] instanceof Array)) {
          this.fireRecursion(value[item])
        }
      })
    }

el-cascader级联选择器

props绑定自己请求过来的数据，value唯一值，name显示的字符串
    <el-cascader
    :options="options"
    :value="options.name"
    :props="{value:'_id',label: 'name' ,children:'children',checkStrictly: true}"
    clearable></el-cascader>

效果 代码

    <el-cascader
    :options="options"
    :value="options.name"
    :props="{value:'_id',label: 'name' ,children:'children',checkStrictly: true}"
    clearable></el-cascader>
    
  data{
       return {
        options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [{
            value: 'shejiyuanze',
            label: '设计原则',
            children: [{
              value: 'yizhi',
              label: '一致',
              children: [
                {
                  value: '你猜',
                  label: '哈哈'
                }

              ]
            }, {
              value: 'fankui',
              label: '反馈'
            }, {
              value: 'xiaolv',
              label: '效率'
            }, {
              value: 'kekong',
              label: '可控'
            }]
          }]
        }]
        }
  }
  
  //选中某一级
  使用

小白前端写给十年后的自己，一定要回来看看