Konvajs + Vuejs, как получить доступ к ширине сцены в vue - PullRequest
0 голосов
/ 16 октября 2019

При использовании Konva без vue я могу получить доступ и изменить ширину сцены следующим образом:

var stage = new Konva.Stage({
        container: 'container',
        width: stageWidth,
        height: stageHeight
      });

stage.width(100); //good

Я не понимаю, как получить доступ к объекту сцены, и по расширению установить его ширину с помощью vuejs:

<template>
  <v-stage :config="configKonva">
    <v-layer>
      <v-circle :config="configCircle"></v-circle>
    </v-layer>
  </v-stage>
</template>
<script>


export default {
 methods: {
  setWidth(width) {
   //here I want to access stage and set it's width
 }
}
}

</script>

1 Ответ

1 голос
/ 16 октября 2019

Вам необходимо добавить «ref» для v-stage. После этого вы получите прямой доступ к экземпляру v-stage. После этого вы можете вызвать его метод getStage().

<v-stage :config="configKonva" ref="konva">

...

export default {
 methods: {
  setWidth(width) {
   this.$refs.konva.getStage().width(640);
 }
}
...