mixin method is undefined in created hook of component

up vote
0
down vote

favorite

<template>



  <section>    

    <a href="#toper" class="cd-top" v-on:click="getTemplates()">Top</a>

  </section>





</template>





<script>    

  import api from '../../server/api.ts';



  export default {

  name: 'Questions',

  mixins: [api],

  data() {

   return {  

    templates : getTemplates(),  

   };

  },

  created() {

    //  **[Vue warn]: Error in created hook: "ReferenceError: getTemplates is not defined"**

    this.templates = getTemplates();    

  },  

  };

</script>

getTemplates function is working fine if i click on link but getting error in all life hooks of Vue js component.

Thanks for help in advance !

vue.js vuejs2 mixins

share|improve this question

asked 2 days ago

Muhammad Atif

859414

add a comment | 

up vote
0
down vote

favorite

<template>



  <section>    

    <a href="#toper" class="cd-top" v-on:click="getTemplates()">Top</a>

  </section>





</template>





<script>    

  import api from '../../server/api.ts';



  export default {

  name: 'Questions',

  mixins: [api],

  data() {

   return {  

    templates : getTemplates(),  

   };

  },

  created() {

    //  **[Vue warn]: Error in created hook: "ReferenceError: getTemplates is not defined"**

    this.templates = getTemplates();    

  },  

  };

</script>

getTemplates function is working fine if i click on link but getting error in all life hooks of Vue js component.

Thanks for help in advance !

vue.js vuejs2 mixins

share|improve this question

asked 2 days ago

Muhammad Atif

859414

add a comment | 

up vote
0
down vote

favorite

up vote
0
down vote

favorite

<template>



  <section>    

    <a href="#toper" class="cd-top" v-on:click="getTemplates()">Top</a>

  </section>





</template>





<script>    

  import api from '../../server/api.ts';



  export default {

  name: 'Questions',

  mixins: [api],

  data() {

   return {  

    templates : getTemplates(),  

   };

  },

  created() {

    //  **[Vue warn]: Error in created hook: "ReferenceError: getTemplates is not defined"**

    this.templates = getTemplates();    

  },  

  };

</script>

getTemplates function is working fine if i click on link but getting error in all life hooks of Vue js component.

Thanks for help in advance !

vue.js vuejs2 mixins

share|improve this question

asked 2 days ago

Muhammad Atif

859414

<template>



  <section>    

    <a href="#toper" class="cd-top" v-on:click="getTemplates()">Top</a>

  </section>





</template>





<script>    

  import api from '../../server/api.ts';



  export default {

  name: 'Questions',

  mixins: [api],

  data() {

   return {  

    templates : getTemplates(),  

   };

  },

  created() {

    //  **[Vue warn]: Error in created hook: "ReferenceError: getTemplates is not defined"**

    this.templates = getTemplates();    

  },  

  };

</script>

getTemplates function is working fine if i click on link but getting error in all life hooks of Vue js component.

Thanks for help in advance !

vue.js vuejs2 mixins

vue.js vuejs2 mixins

share|improve this question

asked 2 days ago

Muhammad Atif

859414

share|improve this question

asked 2 days ago

Muhammad Atif

859414

share|improve this question

share|improve this question

asked 2 days ago

Muhammad Atif

859414

asked 2 days ago

Muhammad Atif

859414

asked 2 days ago

Muhammad Atif

859414

859414

add a comment | 

add a comment | 

1 Answer
1

active

oldest

votes

up vote
1
down vote



accepted

You forgot this for the function. Loading mixins has the same effect as if the content in it would be in your actual component. You need to call the methods the same way as you would call a local function. Always with this.

So change it to:

created() {

    this.templates = this.getTemplates();    

},

share|improve this answer

answered 2 days ago

Matthias S

1,3161916

• 
  
  
  

  
  

  
  
  
  
  
  

  
  Thanks :) this works
  – Muhammad Atif
  2 days ago
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});

 

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53373666%2fmixin-method-is-undefined-in-created-hook-of-component%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

active

oldest

votes

active

oldest

votes

up vote
1
down vote



accepted

You forgot this for the function. Loading mixins has the same effect as if the content in it would be in your actual component. You need to call the methods the same way as you would call a local function. Always with this.

So change it to:

created() {

    this.templates = this.getTemplates();    

},

share|improve this answer

answered 2 days ago

Matthias S

1,3161916

• 
  
  
  

  
  

  
  
  
  
  
  

  
  Thanks :) this works
  – Muhammad Atif
  2 days ago
  

  
  
  
  

add a comment | 

up vote
1
down vote



accepted

You forgot this for the function. Loading mixins has the same effect as if the content in it would be in your actual component. You need to call the methods the same way as you would call a local function. Always with this.

So change it to:

created() {

    this.templates = this.getTemplates();    

},

share|improve this answer

answered 2 days ago

Matthias S

1,3161916

• 
  
  
  

  
  

  
  
  
  
  
  

  
  Thanks :) this works
  – Muhammad Atif
  2 days ago
  

  
  
  
  

add a comment | 

up vote
1
down vote



accepted

up vote
1
down vote



accepted

You forgot this for the function. Loading mixins has the same effect as if the content in it would be in your actual component. You need to call the methods the same way as you would call a local function. Always with this.

So change it to:

created() {

    this.templates = this.getTemplates();    

},

share|improve this answer

answered 2 days ago

Matthias S

1,3161916

You forgot this for the function. Loading mixins has the same effect as if the content in it would be in your actual component. You need to call the methods the same way as you would call a local function. Always with this.

So change it to:

created() {

    this.templates = this.getTemplates();    

},

share|improve this answer

answered 2 days ago

Matthias S

1,3161916

share|improve this answer

share|improve this answer

answered 2 days ago

Matthias S

1,3161916

answered 2 days ago

Matthias S

1,3161916

answered 2 days ago

Matthias S

1,3161916

1,3161916

• 
  
  
  

  
  

  
  
  
  
  
  

  
  Thanks :) this works
  – Muhammad Atif
  2 days ago
  

  
  
  
  

add a comment | 

• 
  
  
  

  
  

  
  
  
  
  
  

  
  Thanks :) this works
  – Muhammad Atif
  2 days ago
  

  
  
  
  

Thanks :) this works
– Muhammad Atif
2 days ago

Thanks :) this works
– Muhammad Atif
2 days ago

add a comment | 

 

draft saved

draft discarded

 

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53373666%2fmixin-method-is-undefined-in-created-hook-of-component%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

Name

Name

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Name

Name

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

This page is only for reference, If you need detailed information, please check here