Simple data bind doesn't work in @next (disregard)
See original GitHub issueDead simple example data bind doesn’t work on standalone text. If I bind with attributes it works. For example:
var app = new Vue({
el: '#app',
data: {
message: 'hello'
}
})
<div id="app">
<span>{{message}}</span>
<textarea :value="message"></textarea>
</div>
The span does not show the message or anything at all. The textarea does show the correct value of the message. Am I missing something?
Issue Analytics
- State:
- Created 7 years ago
- Comments:5 (1 by maintainers)
Top Results From Across the Web
The data-bind syntax - Knockout.js
So if a binding doesn't appear to work, first check that the name is correct. Binding values. The binding value can be a...
Read more >Is knockout.js ignoring disabled, or what could 'allow' <a> click ...
I have checked and knockout mechanism is working fine, it is removing manually added disabled ="disabled" attribute when model switches state ...
Read more >Model Binding in ASP.NET Core | Microsoft Learn
This article explains what model binding is, how it works, and how to customize its behavior. What is Model binding.
Read more >Layouts and binding expressions | Android Developers
Generated data binding code automatically checks for null values and avoid null pointer exceptions. For example, in the expression @{user.name} ...
Read more >The 10 Most Common JavaScript Issues Developers Face
log` doesn't work as they expected. It is easy to have a shortcut for console.log, though: `log = console.log.bind(console)` Then you can use...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Ah I think I know what’s happening… I think my server-side view preparation, written in handlebars, is stripping the Vue syntax! Duh! I noticed the client code in the browser source does not have the {{ message }}, but if I extract the code to a single .html page, it stays and shows the content as expected. Sorry for the confusion! Thanks for your help.
I am having the same issue . var todoApp = new Vue({ el:‘#app’, data: { displayTitle: true, displayAddTasks: true, displayTaskStatistics: true, displayTasks: true, displayProgressBar: true } });