vue按特定字符串切割后端传输的图片路径

一、分隔字符

vue按特定字符串切割后端传输的图片路径_第1张图片

/userfiles/1/attachment/null/2023/10/13967b6b8332413f92ab67735873aa76.jpg|/userfiles/1/attachment/null/2023/10/17fd6e2c16144e66b8cd3ec495e6745f.png

        后端传来图片的路径是按照  |  进行分隔的

        首先在return中定义数组

        在methods中添加分隔方法

vue按特定字符串切割后端传输的图片路径_第2张图片

           //将查询的图片路径分隔
            splitUrl(inputForm) {
                let imgUrl = inputForm.activityPicture
                this.activityPictureList = imgUrl.split("|");
            },

        在获取数据时调用方法

vue按特定字符串切割后端传输的图片路径_第3张图片

 二、将图片for循环到img标签中

vue按特定字符串切割后端传输的图片路径_第4张图片

 
  
        

 vue按特定字符串切割后端传输的图片路径_第5张图片

你可能感兴趣的:(vue.js,前端,javascript)