动态 v-html 设置图片大小

要动态设置v-html中图片的大小，你可以通过绑定一个计算属性或者方法来动态生成HTML字符串，其中包含具有不同大小的图片。以下是一个示例：

<template>
  <div>
    <div v-html="getHtmlString"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'https://example.com/image.jpg',
      width: 200,
      height: 100
    };
  },
  computed: {
    getHtmlString() {
      return `<img src="${this.imageUrl}" style="width: ${this.width}px; height: ${this.height}px;" />`;
    }
  }
}
</script>

在上面的示例中，我们定义了三个响应式的数据：`imageUrl`表示图片的URL，`width`表示图片的宽度，`height`表示图片的高度。通过计算属性`getHtmlString`，我们动态生成一个包含图片URL和大小的HTML字符串，并将其绑定到v-html指令上。

你可以根据需要在组件中更新`imageUrl`、`width`和`height`的值，从而动态更改图片的大小。当这些值发生变化时，v-html会重新渲染并显示具有新大小的图片。

请注意，使用动态生成的HTML字符串时要小心，确保只将可信任的数据用于生成HTML，以防止XSS（跨站脚本攻击）等安全问题。