Как динамически изменять значение атрибута?

Question

[Евгений]

У меня есть элемент, у которого изменяется значение transform.

<g id="wrapper-svg" transform="matrix(1, 0, 0, 1, 0, 0)"></g>

В data хранятся значения matrix.

data() {
  return {
    matrix: {
        a: 1, 
        b: 0, 
        c: 0, 
        d: 1, 
        x: 0, 
        y: 0,
      }
  }
}

И при их изменении я устанавливаю новые значения с помощью setAttribute

wrapper.setAttribute("transform", `matrix(${a}, ${b}, ${c}, ${d}, ${x}, ${y})`)

Есть ли возможность делать это динамически, чтобы vue сам следил за изменением значений и применял изменения?

Answer 1

[Андрей]

:transform="matrix"

Upd: поторопился.

можно вот так:

computed: {
  computedMatrix() => `matrix(${this.matrix.a}, ..., ..., ...)`
}

:transform="computedMatrix"