question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[form-textarea] initial content not being set from v-model

See original GitHub issue

b-form-textarea is not pre-populating the textarea with the v-model data.

<b-form-group label="Biography">
    <b-form-textarea v-model="Bio.Content" rows="5"></b-form-textarea>
    Bio.Content: {{Bio.Content}}
</b-form-group>

On load, the textarea is empty, but the line Bio.Content: {{Bio.Content}} is populated. Edit the textarea, and the v-model updates ok.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
tmorehousecommented, Aug 24, 2017

Found the issued, and fixed with commit https://github.com/bootstrap-vue/bootstrap-vue/commit/aeb11be9e26903263f95d5c28948561f5e7753a8, and should be available in the next release v1.0.0.beta.6

1reaction
catDaisukecommented, Dec 14, 2017

I also had problem. when I re:install bootstrap-vue ,I solved this problem. Thank u

Read more comments on GitHub >

github_iconTop Results From Across the Web

vue.js - v-model on textarea overwriting content - Stack Overflow
I tried to include the content directly in the textarea with {{}}, v-model overwrites it. my code is pretty simple: textarea.text(v-model="index ...
Read more >
Form Input Bindings - Vue.js
v -model will ignore the initial value , checked or selected attributes found on any form elements. It will always treat the current...
Read more >
How to set a default value to input with a v-model via HTML?
Just that, as you guys know, Vue ignores the default value property when using v-model, i would like to know how can i...
Read more >
Form Textarea | Components - BootstrapVue
<template> <div> <b-form-textarea id="textarea" v-model="text" ... Setting it to null or a value below 2 will result in the default of 2 being...
Read more >
Inputs — Essentials ⚡️ FormKit — Vue Forms, Supercharged
Using v-model allows for two-way reactive data binding with any FormKit input. ... The initial value of your v-model cannot be undefined ....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found