Laravel vue textarea content not showing

Asked Jan 14 '19 at 21:35

Active Jan 14 '19 at 21:39

Viewed 232 times

I have this code:

 <textarea id="description" class="form-control{{ $errors->has('description') ? ' is-invalid' : '' }}" name="description" rows="3" :maxlength="max" v-model="text" required>{{ $post->description ?? old('description') }}</textarea>

When exists: $post->description text in textarea not showing. Why? When I remove v-model="text" all working..

In App.js:

const app = new Vue({
el: '#app',
data: {
    max: 137,
    text: '',
    textIm: '',
}
});

edited Jan 14 '19 at 21:39

asked Jan 14 '19 at 21:35

Dumitru

2,053
6
20
45

1

is your `text` property empty string? – Boussadjra Brahim Jan 14 '19 at 21:37
1

@BoussadjraBrahim Yeah... `text: ''` – Dumitru Jan 14 '19 at 21:38
i recommend to use axios to get that data – Boussadjra Brahim Jan 14 '19 at 21:46
@BoussadjraBrahim create new function for get description of post? This is hard, 1) I need create new component vue 2) I need create function in laravel 3) I need create new route in laravel. This is very hard. In blade I have ready variable for description.. – Dumitru Jan 14 '19 at 21:56
Possible duplicate of [Textarea v-model initial value with VueJS and Laravel](https://stackoverflow.com/questions/49767714/textarea-v-model-initial-value-with-vuejs-and-laravel) – Phil Jan 14 '19 at 22:08
please try this `` – Boussadjra Brahim Jan 14 '19 at 22:09
@BoussadjraBrahim `invalid expression: Unexpected identifier in txt=` – Dumitru Jan 14 '19 at 22:14
1

Are you using Laravel mix? – Rwd Jan 14 '19 at 22:16
@RossWilson yes.. – Dumitru Jan 14 '19 at 22:18
so try this again ``, please check this [code](https://codesandbox.io/s/v3o1qkvr0y) to learn about `:set` – Boussadjra Brahim Jan 14 '19 at 22:27
"v-model will ignore the initial value, checked or selected attributes found on any form elements. It will always treat the Vue instance data as the source of truth." - https://vuejs.org/v2/guide/forms.html – Rwd Jan 14 '19 at 22:28
I would suggest making a component instead of using the root instance to store your data so that way you can pass the initial data as a prop. – Rwd Jan 14 '19 at 22:31

Laravel vue textarea content not showing

0 Answers0