vue 在for循环里获取出来的dom元素 现在循环出了多个 我只想取一个用 怎么取呢


fieldCharacter(daysInfoIndex,daysIndex){
      var that = this;
      for (let i of that.daysInfo) {
        if (parseFloat(i.week) === daysInfoIndex) {
          if (i.courseTimeMo !== null) {
            for (var j of i.courseTimeMo) {
                // 遍历课程
              if (j.courseTimeId == daysIndex) {
                // return '可选'
                // 状态为1代表可选
                // debugger
                if(j.scheduleState === "1"){
                  console.log(j.courseTimeId);
                    this.$nextTick(()=>{
                    let getCourseDom = this.$refs.xgRef;
                    console.log(getCourseDom);
                    // 循环元素td
                    getCourseDom.forEach(function(val,index){
                      // console.log(index);
                      // 改变其对应状态的背景色
                      if(val.innerText === j.innerHTML){
                        val.bgColor = "#cbf6e4";
                        val.onclick = function(){
                          console.log(index+1,':',val);
                          console.log(j.courseTimeId);
                        }
                      }
                    })       
                  })
                   return (j.innerHTML = "已选" + j.count + "人" + j.teacher + j.address);

img


图片中现在取到了6组 我只想取一组拿出来用 怎么取呢?

拿到一组就跳出循环

var arr=[[1,2,3],[4,5,6],[7,8,9]]
//只取arr里面的第一组数据用arr[0],0表示arr里面数据的下标
var newarr0=arr[0]
console.log(newarr0);//[1, 2, 3]
//只取arr里面的第二组数据用arr[1],1表示arr里面数据的下标
var newarr1=arr[1]
console.log(newarr1);//[4, 5, 6]

从代码层面上来看,你这段代码就是只运行了一次console.log(getCourseDom);
建议你看下调用的地方,是不是多次调用了fieldCharacter(..).方法