Tengo un componente de archivo único Vue 3 que alberga un elemento de lienzo. Estoy usando el paquete fabric npm. Si inicializo el lienzo de tela en el gancho montado usando

 data: function () { return { canvas: null, } }, mounted: function () { const canvasElement = vm.$refs['canvas'] const canvas = new fabric.Canvas(canvasElement) }

El lienzo funciona bien y puedo cambiar el tamaño de los componentes, editar objetos de texto, etc.

Pero cuando agrego esta línea:

 this.canvas = canvas

entonces todos los objetos en el lienzo pierden su naturaleza editable y redimensionable. (Hacer doble clic en el texto no funciona, las esquinas no permiten cambiar el tamaño cuando se usa el cursor). Alguien más ha experimentado esto? ¿Existe una solución conocida?