Inertia JS, Calling Vue methods in JavaScript

Question

How can we call Vue Methods and use Vue Variables in JavaScript?

Below Example, calling test() or get value of any variable

I am rendering my page using InertiaJS.

<script>
import Layout from '@/Shared/Layout'

export default {
  metaInfo: { title: 'Create User' },
  layout: Layout,
  props: {
    errors: Object,
  },
  remember: 'form',
  data() {
    return {
      sending: false,
      form: {
        first_name: null,
        last_name: null,
        email: null,
        password: null,
        owner: false,
        photo: null,
      },
    }
  },
  methods: {
    test() {
      //do something here
      console.log('test');
    },
  },
}

// Calling this should call Vue Method. But It's not working
test();

</script>

zerbene · Accepted Answer · 2020-11-05 23:45:06Z

1

If you use Vue.js you need to call your method, test() in the <template> part with an event, like @click="test()" for instance. And I prefer to write method, like this : test: function () {...}.

<div @click="test">...</div> because you don't have parameter for test()

answered Nov 5, 2020 at 23:45

zerbene

1,5122 gold badges10 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Inertia JS, Calling Vue methods in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related