問題タブ [javascript-databinding]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - VueJS データバインド オブジェクトのスタイリングが機能しない
v-bind を使用して VueJS スタイリングをいじっていますが、v-bind インライン スタイリングから v-bind オブジェクト スタイリングに切り替えると、特定のことに気付きました。インライン スタイルは正常に機能します。ただし、Vue でオブジェクトを作成し、そのオブジェクトでスタイルを設定しようとすると、幅と高さはスタイルされませんが、残りはスタイルされます。
これはおそらく構文エラーであることに気づきました。高さと幅の値を引用符で囲んでみました。
幅 800 のバーが表示されるはずですが、それが表示されず、理由がわかりません。完全なコードはhttps://jsfiddle.net/totoro183/nho1jv37/51/にあります。