vue项目中,写JSX自定义语句时,实现v-for的方法


一、遇到的情况

创建地图自定义内容,只能用JSX语句,但JSX语句不支持vue中的v-for写法,识别不了

二、解决方法

使用map方法,返回定义的字符串标签,需要加上join方法

原因:

  /*       jsx语句不支持v-for,用map方法代替,但是会有逗号返回,原因是利用map插入到DOM时       调用了toString方法,把数组里的逗号也带上了,所以要调用join方法     */         
const content = `
           
${param.data.map(item => {     var str = '' + item.resule + ''      return str      }).join('')}
`   /* 如果要直接写成下面这样,是无效的

        return ${item.resule}
      */

注: param.data是数组元素

// 返回的标签就是
数组里的内容 数组里的内容 数组里的内容 数组里的内容
        `ps: 偶尔记录一下