Shiva Shiva
5
I'm trying to use datatables from datatables.net with my vue, but it isn't working and I'm not sure how to solve it. I'm also not getting any errors. The one guy from the forum suggested this datatables forum, but I didn't understand what he was sayi...
sr57 sr57
1
Hi all, I want to setup my first Laravel8 app with Vue3.js but I git an error loading 'resources/js/app.js' See the following error msg translated from french : Loading of the module at "http://localhost:8000/resources/js/app.js" has been b...
sr57 replied
Solved
himanshurajvanshi himanshurajvanshi
1
I am using laravel 8v and try to create chat system by flowing this link-> https://www.cloudways.com/blog/realtime-chatroom-with-laravel-vuejs-pusher/ but when i check chat screen in the last users listing is working but on chat screen i am show t...
murilo murilo
3
Hello guys , I have a Input like this one - <input min=1 max=4 v-model.number="qty" type="number" > It is setting the min value and the max value . ti is working but . If I try to make the max value dynamic like this one -...
SirG replied
Solved
madprabh madprabh
1
Hello people, I am using VueJS with Laravel and I wanted to know if there is a way to navigate to parts of a vue component using the hash in the URL. For example, https://www.example.com/conversations/#response223 should take me to the relevant DIv o...
Rod2rick Rod2rick
19
I want to sum a total of my cart, but the result return NaN here is my code cartTotalAmount() { let total = 0; for (let item in this.cart) { total = total + (this.cart[item].quantity * this.cart[item].price) } return t...
chrisgrim chrisgrim
3
Hi, I am trying to build a vue search component so I can better understand what is happening behind the scenes. I have gotten it to: <template> <div> <input type="text" :value="value"...
Rifat Rifat
0
I am developing a project with vue as frontend and laravel 8 api. I am using JWT for authentication. I understand a token has to be generated before a user can login, but is there a way to automatically log in the user after they register?...
tarang19 tarang19
0
How can i send my owner record to other store file {tree} store/owner.js import { Auth } from "aws-amplify"; export const state = () => ({ data: [] }) export const mutations = { SET(state, owner){ state.data = owner console....
thebigk thebigk
4
After building a fairly big app using Laravel, jQuery, Axios - I think I'm ready to look at Vue. I'm learning the basics; but wondering what are the use cases where I'd want to use it. I'm not building SPA. I'm looking at simple applications, like Di...
cola cola
1
I tried this: <select class="form-control"> <option v-for="option in allroles" v-bind:key="option.id" v-bind:value="option.id"> {{ option.name }} </option> &l...
AtomCoder AtomCoder
3
Hi Guys, I've just started using Vue.js within the Laravel environment. In fact, it's the first time I've used it with any environment. At the moment I have mixed thoughts about it. I love all the instant DOM updates when interacting and all the nice...
ethar ethar
4
i use apiResource to submit data but i got an error in api.php Route::apiResource('posts', PostController::class); in vuejs file create.vue methods:{ submitData(){ axios.post('api/posts',this.fields).then(res=>{...
Talcas Talcas
1
i used Jeffry's code here window.App = {!! json_encode([ 'csrfToken' => csrf_token(), 'user' => Auth::user(), 'signedIn' => Auth::check() ]) !!}; its not working . can any show me an alternati...
JoaoHamerski JoaoHamerski
3
First of all, here is the fiddle: https://jsfiddle.net/87e4hfc0/1/ Just type on input until a delimiter appears, so try to delete right when the cursor are on the delimiter and Cleave just deletes everthing that is before it until the previous delimi...
ethar ethar
3
i try to make seperate component for cardDesign to use it in all pages, CardUi.vue <template> <div class="card"> fads <h4>{{ cardHeader }}</h4> <slot></slot> </div> &...
alexleo alexleo
1
I have Simple Form in VueJs for creating User's Post ,the post consists of title, keyword ,description and Photos The Backend Logic for storing the post to the database works well,but the problem is I don't know exactly how to get multiple images fro...
shaungbhone shaungbhone
14
Hello, I am trying to edit a user posting section. I can't update. Thank you. web.php Route::group(['prefix' => '{locale}', 'where' => ['locale' => '[a-zA-Z]{2}'], 'middleware' => 'setlocale'], function() { Route::patch('/replies/{reply...
ebabajan ebabajan
3
Anyone any new material coming ? I have been waiting ... because I find all the subjects are very interesting....
Rod2rick Rod2rick
10
I have a table with attribut image, and i want to display it on my vuejs page. My images are save in public\uploads\products, in the database i just save the file name like imageproduct.jpg. This is the code im using <img v-bind:src="uploads\...
ahoi ahoi
0
Hello there, I am passing item.value to a component. This component also passes the value to a child-component. computedAttributes(){ return this.item.attributes.map((attribute)=>{ return new AttributeItem (attribute.i...
Xinecraft Xinecraft
0
Hi there, Is it possible to use Vue3 with Laravel Jetstream and Inertia on a fresh project? Not much focus on changing the already scaffolded Vue files of jetstream but new which I write I am thinking it as vue3. If anyone knows about it please let u...
Elenktik Elenktik
14
I currently pass a value as a property to my child component in my blade: <nie-table :contentrows =" {{ $data }}" ref="usersTable"></nie-table> Now on the parent I have a form to add more rows. When a user submits th...
piljac1 replied
Solved
ImWaller ImWaller
2
As title say i want to kwon if is good practice to store XSRF on a cookie like example above or there are better way to do that? api/Api.js import axios from "axios"; let Api = axios.create({ baseURL: "http://localhost:8000/api"...
Rymercyble Rymercyble
2
I'm building app using laravel, inertia and vue 3. I didn't find anything like blade so I'm asking here now. In blade I can do this <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp...
shaungbhone shaungbhone
1
Hello guys. I think all steps are right but still the error. Which step did I miss? Thank you, guys.! form.blade.php This is a success alert—check it out! {{ body }} export default { data: { body: "Hello Vue!", }, }; <bo...
JoaoHamerski JoaoHamerski
4
Here is my code: <div v-if="form.errors.any()"> <span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="Fill the form correctly"> <...
piljac1 replied
Solved
msslgomez msslgomez
1
I'm trying to use Element-ui to validate and a form that has 3 fields, only one can be filled so I want to validate and return errors if all are empty or more than one is empty. This is the docs https://element.eleme.io/#/en-US/component/form#custom-...
JoaoHamerski JoaoHamerski
1
So i have been learning Vue, i saw that i have to create a component to manipulate some html related to it, but here is the problem: If i had a lot of forms in diferent pages of my site, a lot of forms, how can i manipulate all of them without needin...
JoaoHamerski JoaoHamerski
6
<input value="default value here"/> Just that, as you guys know, Vue ignores the default value property when using v-model, i would like to know how can i set it via HTML? It's necessary when i want make a "edit" page and s...
James James
5
I'm using the bootstrap thumbnail styles on a Vue app, and rather than having the buttons, I'd like to make the whole column clickable. I've tried adding v-on:click and then catching the event in the handler, but the returned target is the child elem...
dezihax replied
Solved
app_dev app_dev
2
I can get errors with Axios. I want to report these to the user by marking the inputs. v-for lists errors at the same time. How can I process errors on individual inputs?...
tarang19 tarang19
0
When i refresh page in nuxt application all state are get null any one what is the issue store file index.js export const state = () => ({ data: [] }) //payload hold all form details, //coming from home.vue //use spread operator to access all...
tomasosho tomasosho
7
my follow button which uses vue.js has been working shows unfollow which follow is successful. Two days ago, i noticed, even after successful follow, the button goes back to showing follow on refresh of page? what do i need to do? My vue.js <templ...
Md_Amirul Md_Amirul
2
I am new to Vue.js and would like to know more about it, so I tried this https://www.youtube.com/watch?v=hbq2CAHNRZM&t=1903s. I followed all code but cannot store data in the database and I get this error app.js:39620 TypeError: _vm.saveData is n...
Create a New Discussion Button