Vue动态属性

Question

我有一个Svg，并希望将viewbox属性的某些部分动态化。

svg :viewBox="0 0 {{x}} {{y}}" :width="x" :height="y">

</svg>

实现此

的正确语法是什么

Answer 1

你不能使用插值，你需要一个计算：

computed:{
  viewbox(){
    return "0 0 " + this.x + " " + this.y;
  }
}

然后在你的标记中：

<svg :viewBox="viewbox" :width="x" :height="y"></svg>