Vue.js Vue SVG/HTML属性插值

这是使用Vue将值插入svg（html）属性的正确方法吗？ 这是可行的，但我在问，因为他们的指南中没有说明

<svg :stroke-width="`${strokeWidth} px`" >

---

关闭，但您需要添加一个computed属性来返回

笔划宽度属性的格式化字符串


胡须不能在HTML属性中使用。相反，请使用v-bind指令：

<div v-bind:id="dynamicId"></div>

<template>
  <svg :stroke-width="strokeWidthAttr" >
</template>

<script>
export default {
  data () {
    return {
      strokeWidth: 2
    }
  },
  computed: {
    strokeWidthAttr () {
      return `${this.strokeWidth} px`
    }
  }
}
</script>