视图看不到此样式。我做错了什么?
<div class="div">div</div> color = 'red' .div { background: v-bind(color); }
polkgigr1#
您的代码应该与Vue3工作正常,我没有看到任何问题,在动态样式绑定。
这是现场演示**:**
<script src="https://unpkg.com/vue@next"></script> <div id="app"></div> <template id="appTemplate"> <div class="div">div</div> </template> <script> const app = Vue.createApp({ template: document.getElementById("appTemplate").innerHTML, data() { return { color: 'red' }; } }) app.mount('#app') </script> <style scoped lang="scss"> .div { background-color: v-bind(color); } </style>
1条答案
按热度按时间polkgigr1#
您的代码应该与Vue3工作正常,我没有看到任何问题,在动态样式绑定。
这是现场演示**:**