laravel vue how to use plugin
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I'm trying the vue cook plugin in laravel vue app, this is how I do it
<template>
<div class="tranbg" v-if="first">
<div>hello</div>
<button @click="turnOff">ok</button>
</div>
</template>
<script>
export default
data()
return
first: true
,
computed()
if (this.$cookie.get('firstvisit') == 'visited')
this.first = false
,
methods:
turnOff()
this.first = false
this.$cookie.set('firstvisit', 'visited', 30000); // 30,000 days
</script>
my app.js
import VueCookies from '../../../node_modules/vue-cookies'
Vue.use(VueCookies)
const app = new Vue(
el: '#app',
);
Got the error app.js?v=226:103199 Uncaught TypeError: Cannot read property 'set' of undefined when I click the button
laravel vue.js
add a comment |
I'm trying the vue cook plugin in laravel vue app, this is how I do it
<template>
<div class="tranbg" v-if="first">
<div>hello</div>
<button @click="turnOff">ok</button>
</div>
</template>
<script>
export default
data()
return
first: true
,
computed()
if (this.$cookie.get('firstvisit') == 'visited')
this.first = false
,
methods:
turnOff()
this.first = false
this.$cookie.set('firstvisit', 'visited', 30000); // 30,000 days
</script>
my app.js
import VueCookies from '../../../node_modules/vue-cookies'
Vue.use(VueCookies)
const app = new Vue(
el: '#app',
);
Got the error app.js?v=226:103199 Uncaught TypeError: Cannot read property 'set' of undefined when I click the button
laravel vue.js
add a comment |
I'm trying the vue cook plugin in laravel vue app, this is how I do it
<template>
<div class="tranbg" v-if="first">
<div>hello</div>
<button @click="turnOff">ok</button>
</div>
</template>
<script>
export default
data()
return
first: true
,
computed()
if (this.$cookie.get('firstvisit') == 'visited')
this.first = false
,
methods:
turnOff()
this.first = false
this.$cookie.set('firstvisit', 'visited', 30000); // 30,000 days
</script>
my app.js
import VueCookies from '../../../node_modules/vue-cookies'
Vue.use(VueCookies)
const app = new Vue(
el: '#app',
);
Got the error app.js?v=226:103199 Uncaught TypeError: Cannot read property 'set' of undefined when I click the button
laravel vue.js
I'm trying the vue cook plugin in laravel vue app, this is how I do it
<template>
<div class="tranbg" v-if="first">
<div>hello</div>
<button @click="turnOff">ok</button>
</div>
</template>
<script>
export default
data()
return
first: true
,
computed()
if (this.$cookie.get('firstvisit') == 'visited')
this.first = false
,
methods:
turnOff()
this.first = false
this.$cookie.set('firstvisit', 'visited', 30000); // 30,000 days
</script>
my app.js
import VueCookies from '../../../node_modules/vue-cookies'
Vue.use(VueCookies)
const app = new Vue(
el: '#app',
);
Got the error app.js?v=226:103199 Uncaught TypeError: Cannot read property 'set' of undefined when I click the button
laravel vue.js
laravel vue.js
edited Nov 15 '18 at 11:14
angry kiwi
asked Nov 15 '18 at 10:56
angry kiwiangry kiwi
4,0551871112
4,0551871112
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
The Vue.js documentation tells you to register plugins before initializing your Vue instance.
At some point in your application you create a new Vue(...)
instance.
You need to call Vue.use(VueCookies)
before that, instead of in your component's file. Since Vue might already be instantiated by the time your component is imported the $cookie
property isn't yet set.
I updated the question to have plugin registered, still got the error
– angry kiwi
Nov 15 '18 at 11:14
Didn't see because I didn't know the library, but vue-cookies uses$cookies
as its property, not$cookie
– Padarom
Nov 15 '18 at 11:16
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',
autoActivateHeartbeat: false,
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
);
);
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
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53317888%2flaravel-vue-how-to-use-plugin%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The Vue.js documentation tells you to register plugins before initializing your Vue instance.
At some point in your application you create a new Vue(...)
instance.
You need to call Vue.use(VueCookies)
before that, instead of in your component's file. Since Vue might already be instantiated by the time your component is imported the $cookie
property isn't yet set.
I updated the question to have plugin registered, still got the error
– angry kiwi
Nov 15 '18 at 11:14
Didn't see because I didn't know the library, but vue-cookies uses$cookies
as its property, not$cookie
– Padarom
Nov 15 '18 at 11:16
add a comment |
The Vue.js documentation tells you to register plugins before initializing your Vue instance.
At some point in your application you create a new Vue(...)
instance.
You need to call Vue.use(VueCookies)
before that, instead of in your component's file. Since Vue might already be instantiated by the time your component is imported the $cookie
property isn't yet set.
I updated the question to have plugin registered, still got the error
– angry kiwi
Nov 15 '18 at 11:14
Didn't see because I didn't know the library, but vue-cookies uses$cookies
as its property, not$cookie
– Padarom
Nov 15 '18 at 11:16
add a comment |
The Vue.js documentation tells you to register plugins before initializing your Vue instance.
At some point in your application you create a new Vue(...)
instance.
You need to call Vue.use(VueCookies)
before that, instead of in your component's file. Since Vue might already be instantiated by the time your component is imported the $cookie
property isn't yet set.
The Vue.js documentation tells you to register plugins before initializing your Vue instance.
At some point in your application you create a new Vue(...)
instance.
You need to call Vue.use(VueCookies)
before that, instead of in your component's file. Since Vue might already be instantiated by the time your component is imported the $cookie
property isn't yet set.
answered Nov 15 '18 at 11:07
PadaromPadarom
1,94232044
1,94232044
I updated the question to have plugin registered, still got the error
– angry kiwi
Nov 15 '18 at 11:14
Didn't see because I didn't know the library, but vue-cookies uses$cookies
as its property, not$cookie
– Padarom
Nov 15 '18 at 11:16
add a comment |
I updated the question to have plugin registered, still got the error
– angry kiwi
Nov 15 '18 at 11:14
Didn't see because I didn't know the library, but vue-cookies uses$cookies
as its property, not$cookie
– Padarom
Nov 15 '18 at 11:16
I updated the question to have plugin registered, still got the error
– angry kiwi
Nov 15 '18 at 11:14
I updated the question to have plugin registered, still got the error
– angry kiwi
Nov 15 '18 at 11:14
Didn't see because I didn't know the library, but vue-cookies uses
$cookies
as its property, not $cookie
– Padarom
Nov 15 '18 at 11:16
Didn't see because I didn't know the library, but vue-cookies uses
$cookies
as its property, not $cookie
– Padarom
Nov 15 '18 at 11:16
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53317888%2flaravel-vue-how-to-use-plugin%23new-answer', 'question_page');
);
Post as a guest
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
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
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
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown