nuxt.js

问题 I got this button in the navigator that shows up when a user is logged in and when the user logs out the button is gone. But now i need to refresh my page before the button removes/appears. Here is my code: Button: <div v-if="ingelogd"> <div class="w-2/12 hidden lg:flex" v-for="(data, index) in allIngelogds" :key="index"> <button @click="uitloggen" class="downloadbtn"> {{ data.uitloggenKnop }} </button> </div> </div> in data:() i return this: ingelogd: false and then i created a mounted()

问题 I have watcher with the same name as a prop. The prop is dynamically set in a parent component on some event. I need something that triggers some function in the child component with property value every time the event is triggered on parent -even if the prop it set is the same. Is there any watcher option or other method of handling such case which would allow me to do that ? What I tried (this is in Post component): watch: { replyClicked: { handler(newVal, oldVal) { console.log(newVal,

问题 I want to quantify my v-img like the one you see in the image below. Is there a way to make something like the image you see with vuetify's v-img . <div class="row"> <v-img style="margin:2px" max-height="301" max-width="380" :key="index" v-for="(image, index) in post.userPostImg" :src="$store.state.baseURL + '/news/' + image"> </v-img> </div> 回答1: Create two rows with no-gutters prop, the first one contains one image and the other one contains three columns that conain the 3 images : <v-row

问题 This is probably a straightforward question. If so, please excuse me. I'm doing axios requests to nuxt, which does mongoose requests. For example, I have this function here: let aggregation = [ {$unwind: {path:"$versions"}}, {$match: {}}, {$group: { _id: "$_id", versions: {$push: {nlp : "$versions.nlp"} } } } ] scraps = await Scraps.aggregate(aggregation); However, I keep having this sort of errors: {"ok":0,"code":16945,"codeName":"Location16945","name":"MongoError"} Request failed with

问题 This is probably a straightforward question. If so, please excuse me. I'm doing axios requests to nuxt, which does mongoose requests. For example, I have this function here: let aggregation = [ {$unwind: {path:"$versions"}}, {$match: {}}, {$group: { _id: "$_id", versions: {$push: {nlp : "$versions.nlp"} } } } ] scraps = await Scraps.aggregate(aggregation); However, I keep having this sort of errors: {"ok":0,"code":16945,"codeName":"Location16945","name":"MongoError"} Request failed with

问题 I need to place content inside v-app-bar inside container, so It goes in one line with other page content. All content inside app should have max width for each breakpoint instead of full page width. Placing all content iside container don't solve problem. I marked with red box on screenshot where content should be. 回答1: Hey I am having the same issue. I came up with a rough work around, my question is here incase you found an answer as well. Make vuetify app bar items align with <v-container

问题 I need to place content inside v-app-bar inside container, so It goes in one line with other page content. All content inside app should have max width for each breakpoint instead of full page width. Placing all content iside container don't solve problem. I marked with red box on screenshot where content should be. 回答1: Hey I am having the same issue. I came up with a rough work around, my question is here incase you found an answer as well. Make vuetify app bar items align with <v-container

问题 I need to place content inside v-app-bar inside container, so It goes in one line with other page content. All content inside app should have max width for each breakpoint instead of full page width. Placing all content iside container don't solve problem. I marked with red box on screenshot where content should be. 回答1: Hey I am having the same issue. I came up with a rough work around, my question is here incase you found an answer as well. Make vuetify app bar items align with <v-container

问题 I need to place content inside v-app-bar inside container, so It goes in one line with other page content. All content inside app should have max width for each breakpoint instead of full page width. Placing all content iside container don't solve problem. I marked with red box on screenshot where content should be. 回答1: Hey I am having the same issue. I came up with a rough work around, my question is here incase you found an answer as well. Make vuetify app bar items align with <v-container

问题 I need to place content inside v-app-bar inside container, so It goes in one line with other page content. All content inside app should have max width for each breakpoint instead of full page width. Placing all content iside container don't solve problem. I marked with red box on screenshot where content should be. 回答1: Hey I am having the same issue. I came up with a rough work around, my question is here incase you found an answer as well. Make vuetify app bar items align with <v-container