Puzzle JS Function Doesn't Recognize JS Function in VueJS

Tagged: vueJS

This topic has 6 replies, 3 voices, and was last updated 3 years, 7 months ago by origgin.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
2020-08-26 at 2:41 pm #32007

yasse
Customer

Hello Dear Vergers :)

Hope you doing good and safe.

Please I’m facing the issue that Javascript is not recognized on the puzzle using Vue.JS even when it’s put in the specific area for the external app,

is there any way how to fix this, please?

2020-08-26 at 3:10 pm #32011

yasse
Customer

it’s ok, i figured it out, the mistake i have done, is placing the html folder, and the app.js within the folder holding 3D,
which shouldn’t thoses files need to be placed in folder called SRC.

2020-08-26 at 3:38 pm #32012

Yuri Kovelenov
Staff

glad you worked it out!

Chief 3D Verger | LinkedIn | Twitter

2020-08-26 at 4:14 pm #32016

yasse
Customer

Oh sorry not yet. the behavious is a bit messy.

it’s not recognized again Yuri ? doesn’t JS function recognized on verge puzle ?

thank you

2020-08-26 at 4:24 pm #32017

yasse
Customer

So my question please :) what’s the best way to call javascript function in VueJS. so it appear in puzzle editor ?

2020-08-27 at 6:37 am #32025

Yuri Kovelenov
Staff

Hi,

this function should be added to app.ExternalInterface before the puzzles-generated script is loaded (visual_logic.js). This should make it work.

Chief 3D Verger | LinkedIn | Twitter

2020-08-27 at 2:27 pm #32088

origgin
Participant

I created a variable called v3d inside the vue data object and then ran a function which waits until the global object v3d.apps gets created and when it is there, it references the v3d app external interface to the created variable, as below:

this.v3d = v3d.apps[0].ExternalInterface

So, every time when you need to run a function, you just need to run this.v3d.myFunction().

But this was the solution I found some time ago, before existing an official integration with vue.js available
Author

Posts