vue+element 中的el-image中的:src拼接../xxx/xxx

在Vue和Element中，你可以使用动态绑定来拼接路径到el-image组件的:src属性。可以通过计算属性或方法来实现路径的拼接。

以下是通过计算属性拼接路径的示例:

<template>
  <el-image :src="getImageUrl"></el-image>
</template>

<script>
export default {
  data() {
    return {
      imagePath: '../xxx/xxx',
      imageName: 'image.jpg'
    }
  },
  computed: {
    getImageUrl() {
      return this.imagePath + '/' + this.imageName;
    }
  }
}
</script>

在上面的示例中，我们使用了data属性来存储图片路径的部分信息，然后通过计算属性getImageUrl来拼接完整的图片路径。

你也可以使用方法来实现路径的拼接:

<template>
  <el-image :src="getImageUrl()"></el-image>
</template>

<script>
export default {
  data() {
    return {
      imagePath: '../xxx/xxx',
      imageName: 'image.jpg'
    }
  },
  methods: {
    getImageUrl() {
      return this.imagePath + '/' + this.imageName;
    }
  }
}
</script>

无论是使用计算属性还是方法，都可以根据需要来拼接图片路径。确保路径拼接正确无误，以便正确加载图片。

希望以上信息对你有所帮助，如果还有其他问题，请随时提问！