vue2中img标签设置http://192.168.1.1:8080?file....作为src地址渲染

在 Vue.js (v2版本) 中，如果你想在 `img` 标签中设置动态的网络图片路径，可以这样做：

首先，在你的组件模板中，使用 `v-bind` 或者简写的 `:` 来绑定 `src` 属性到一个变量上。假设这个变量叫做 `imageUrl`：

<img :src="imageUrl" alt="图片描述">

然后，在你的 JavaScript 部分，你可以将网络地址拼接到 `imageUrl` 上，例如：

export default {
  data() {
    return {
      imageUrl: 'http://192.168.1.1:8080', // 基础URL
      fileName: 'file...', // 文件名部分
    };
  },
  computed: {
    fullImageUrl() {
      // 使用字符串模板或者数组的join方法来组合 URL
      return `${this.imageUrl}?file=${encodeURIComponent(this.fileName)}`;
    }
  },
};

在这里，我们使用了 `encodeURIComponent()` 函数来确保文件名部分被安全地编码，因为 `?` 和 `=` 符号在 URL 查询参数中都有特殊含义。