variable scope inside onchange callback

[asifu5057]

Hi, I have the following code, onChange callback get call correctly and working but the problem is that this.saveData() method is not working because this is out of scope? how I will access other variables using this inside onChange callback?

Please help me or please tell me some other workaround?

<template>
	<editor ref="editor" :config="config" :initialized="onInitialized"/>
</template>

<script>
	config: {
	  onReady: () => {
             console.log('on ready')
          },
          onChange: (args) => {
             console.log('Now I know that Editor\'s content changed!', args)
             **this.saveData(args);**
          },
	}
</script>

[ChangJoo-Park]

Hello @asifu5057, I think you should use function not arrow function. If it is not working, please give me an example with codesandbox etc.

[asifu5057]

Thanks @ChangJoo-Park for the quick response.

I tried function but its not working, I want to access this variables in onChange callback but it shows error Cannot read property 'saveData' of undefined. here is the link to codesandbox . Please check if you have any other question just let me know.
https://codesandbox.io/s/falling-sunset-g9cku?file=/src/components/HelloWorld.vue

[asifu5057]

Hello @ChangJoo-Park I have already given you an example and sent you a link of codesandbox, could you please help me out in this that why is this happening and how to resolve this issue if I want to access other variables inside callback?