artyak artyak
1
I have a button on my website that gives bonuses to the user. Button have several conditions in 1 button: <button class="btn btn--small btn--purple" :disabled="isDisabled" @click="takeBonus">Take</button> &...
calin.ionut calin.ionut
4
I am using axios 0.21.1 in vuex actions to get the grid data. The problem is I don't know how to throw the response back to the component: actions: { loadGridData({ commit, getters }, url) { axios.get(url + getters.gridQueries, {...
Ifrit Ifrit
1
I have a bunch of textboxes that I would like to change to red when a user has made a change to it, the problem I'm having is that all the textboxes goes red and not the one that was changed. Here is my code <template> <div class="r...
talelmishali talelmishali
0
Hey! Trying to get transitions to work with the example ui component by tailwindcss https://tailwindui.com/components/application-ui/overlays/slide-overs Per the documentation (Vue) whenever using <transition-group> It’s going to render an a...
GodziLaravel GodziLaravel
3
Hello , I would like to close a modal after receing success response in axios : here the modal part <div class="modal fade" id="permissionModal" tabindex="-1" role=&q...
artyak artyak
3
I have a button on my website that gives bonuses to the user. Button have several conditions in 1 button: <button class="btn btn--small btn--purple" :disabled="isDisabled" @click="takeBonus">Take</button> &...
devhoussam123 devhoussam123
3
I want to know How I can use the v-bind:class inside laravel blade file? Example of What I want to achieve navbar.blade.php <nav v-bind:class="`navbar navbar-expand-lg navbar-light fixed-top ${isSticky ? 'is-sticky' : ''}`"> </nav...
artyak artyak
1
In my .vue i use <span>{{ bonus_num }}</span>, which displayer numbers on bonus. I need, when the user clicks the "Get" button, after receiving, so that the number of bonuses is 1 less. So that was 100, after pressing 99 was dis...
mecjos mecjos
4
Hi. I want to set a module's state from root mutation something like as follows: mutation in root store folder: export function SET_CONTENT (state, payload) { state.someModule.list = payload.data } How can i do it? Thank you....
mecjos replied
Solved
jkwok678 jkwok678
2
I am using echo.js to listen to an event. But it won't work. The error is Uncaught SyntaxError: Unexpected token 'export' on echo.js:1533. <script src="{{ asset('js/echo.js') }}"> Echo.channel('comment') .listen('NewCommentEve...
Alex_B Alex_B
3
I started following some tutorials for Vue and I'm getting this warning message [Vue warn]: Unknown custom element: <lable> - did you register the component correctly? Here is my resources/js/component/flashMessage.vue <style> .fade-e...
apex1 replied
Solved
ramazankemal ramazankemal
2
Vue code on my component page : export default { data(){ return{ id:this.$route.params.id, employee:{} } }, created() { var url="employee-get-by-id/"+this.id; axios.get(url).then(response=>{ this.emp...
Loach Loach
1
I have the following code which puts an error Cannot read property 'errors' of undefined .catch(function(e){ vm.uploading = false; console.log(e.errors) // vm.errors = e.errors }); It gives a 422 error with the...
Loach replied
Solved
eng.helewa eng.helewa
4
Hi, anyone knows how to access properties of a vue component? Say I have this component: export default { name:'index', ui: { menu: 'main', title: 'Dashboard', icon: 'mdi-home-outline', order:0 }, data:...
Rod2rick Rod2rick
0
Hi, im looking how to delete and Edita row in Boostrap-vue Datable this is my Controller // edit post public function edit($id) { $produit = Produits::find($id); return response()->json($produit); } // update post...
peterdickins peterdickins
0
I am trying to add a counter to an icon using font awesome as detailed here: https://fontawesome.com/how-to-use/on-the-web/styling/layering I have added the following code to my vue file <span class="fa-layers fa-fw" style="backgrou...
tarang19 tarang19
3
Wanted to change background color if active page is family but my dynamic class not working my code <v-app :class="page === 'family' ? 'treeColor': ''"> </u-app> in mounted this.page = $nuxt.$route.name <style> .treeCol...
ramazankemal ramazankemal
2
Hello there, I am using a Vue-Router. My Routes file looks like this: import Emp_ListComponent from "./components/employee/ListComponent"; export const routes = [ { path: '/ employee-list', component: Emp_ListComponent }]; I cannot go to th...
msslgomez msslgomez
0
I'm trying to create a new project but I'm getting this error and I don't know why. I'm using Laravel 8, Vue and Inertia.js. I'm not sure if these files are important but I'll add anyways webpack.mix.js const mix = require('laravel-mix'); const path...
Glitter Grace Glitter Grace
1
I'm trying to push some data to an array, but when I console.log(test) I don't have anything that shows up in my console.log(). Here is my code let test = []; for(var i = 0; i < data.chart.length; i++){ test[i] = MG.convert.date(data.chart[i...
Glitter Grace Glitter Grace
1
In my vue app I have 2 methods, one method gets some data from my laravel backend and the second one needs to be able to grab it so that I can use it in that method. What I'm struggling with is that the second method isn't grabbing the data. Here is...
Ifrit Ifrit
0
I'm trying to do an event and listener using jetstream and inertia. So what I'm trying to do is in my AppLayout.vue I would like to pass some data to a component. I have a standard AppLayout, so I've only added what I've done <template> <...
Ifrit Ifrit
0
I'm using Metrics Graphics to make a graph. The problem I'm having is that, I'm not able to remove the black colored area and only display the line and I'm not able to change the color. This is what my graph looks like graph image and here is my code...
LuisAduana LuisAduana
1
Hi! I'm trying to show a value of an object after a Axios Request Here is Dashboard.vue .... <v-app-bar app color="primary" dark> <v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>...
Fluber Fluber
1
Hello I have Dots and Carousel component: <Dots :carousel="$refs.carousel" /> <div> some data </div> <carousel ref="carousel" :per-page="4" :autoplay="true" :autoplay-time...
jkwok678 jkwok678
3
Hi, how can I get echo.js into a blade.php file? I am not using vue compoenents. I have done npm install --save laravel-echo pusher-js And copied the echo.js file into resources/js. Then I tried <script src="{{ asset('js/echo.js') }}" &...
nafeeur10 nafeeur10
2
Quill Rich text give this type of data. {"ops":[{"insert":"amar sonar bangla"},{"attributes":{"header":1},"insert":"\n"},{"insert":"\n"},{"attributes"...
Ifrit Ifrit
2
I'm trying to get metrics graphics to work with my vue. I do have a question up on laracast for how to get it to work, but I think this is a different issue so I created a new issue for it. I'm getting this error TypeError: metrics_graphics__WEBPACK_...
HubertVanD HubertVanD
8
I am building an application where I initially pass a collection of Areas to a vue component. Each Area contains a json encoded polygon with coordinates. The vue components renders the polygon on a (google) map. This works flawlessly. But then I want...
ramazankemal ramazankemal
2
Hello there, I get the following error in the "this. $ http.get" statements below. Error Message : [Vue warn]: Error in created hook: "TypeError: Cannot read property 'get' of undefined" found in ---> at resources/js/componen...
Shiva Shiva
4
I'm trying to create an annotation chart using vue and inertia, but I'm getting these errors in my console. Error in render: "ReferenceError: google is not defined" and ReferenceError: google is not defined Here is my code <template>...
Prabodhana Prabodhana
2
I'm trying to use Facebook SDK with nuxt.js referring this post post link. But It's says window.FB is undefined. How can i slove tis issue or is any other way to use facebook sdk in nuxt.js? fb-sdk.js window.fbAsyncInit = function() { FB.init({...
chrisgrim chrisgrim
3
Hi, I am writing out an address where I am not sure I will have all the parts. Currently I generate the address like let home = this.event.location.home ? this.event.location.home : '' let street = this.event.location.street ? this.event.location.str...
dk4210 dk4210
1
Hello, I have two separate components. I have a drop down and a text input field. I'm trying to figure out how to enable the text field after selecting something in the drop down. I'm new to Vue, so I haven't figure out how to share props between com...
Chron Chron
3
I'm using Vue2, axios, and paypal api. Here is the code. export default { data() { return { amount: 0, user: "", } }, mounted() { paypal.Buttons...
Create a New Discussion Button