datav 轮播图的点击事件

820 阅读1分钟

这次要在轮播图中加入一个点击事件 官方文档是这么写的

image.png

那么 我们在轮播图上加个事件

image.png 轮播图行内插入我们需要的变量

image.png 结果 是我打印的ceil 返回的数据要转下格式

 //轮播图点击事件
    handNotice(data){
      //datav默认事件 data为点击的当前行的数据
       console.log(data);
       //console.log( JSON.parse(data.ceil));
       console.log( JSON.stringify(data.ceil));
       console.log( JSON.parse(JSON.stringify(data.ceil)));
    },

image.png

踩坑就是要分割字符串特殊字符要转义 现在拿到id就可以请求数据了

//轮播图点击事件
    handNotice(data){
      //datav默认事件 data为点击的当前行的数据
       console.log(data);
       //console.log( JSON.parse(data.ceil));
      // console.log( JSON.stringify(data.ceil));
       //console.log( JSON.parse(JSON.stringify(data.ceil)));
       let str = JSON.parse(JSON.stringify(data.ceil))
       let strArr = str.split(" ")
       //res取得绑定的id
       let res =  strArr[1].split("\"")
       console.log(res);
       request
          //修改项  api地址
          .get(`/XXXXX?key=${res[1]}`) // API 接口
          .then((response) => {
            console.log(response);
            if (response.data.code == 200) {
             
              this.formdata = response.data.data;
              console.log(response.data.data);
            } else {
            }
           
          })
          .catch((error) => {
            
          });
       
       
    },