为啥vue模板内的style标签样式无效呢?我在template写了一个style样式改变h1的样式,但是却不起作用,请问怎么办?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <div id="app"> <h1>{{message}}</h1> <div> {{score|handleData}} </div> <style >h1{ background: black; color: white; }</style> <div><button @click="add">点击累加测试</button></div> </div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue.2.2.min.js"></script> <script> new Vue({ el: '#app', data: function() { return { message:"hello world!", score:59, } }, filters: { handleData: function (value) { if(value>=60) return '及格' else return '不及格' } }, methods:{ add:function(){ this.score++; } }, }) </script> </body> </html>
网友回复
这是vue的规则,vue为了组件化,将style单独处理了,所有在templete内些的style标签会被过滤掉的,如果的cdn引用vue的话直接在head的style中写,如果的nodejs使用的话就一直在template外的style中写css。
sms-activate中的虚拟手机号为啥无法用作google的手机号码验证?
app如何判断自己的网络连接是经过代理传输的?
有没有开源的andriod安卓设备集中管理工具?
acejs如何监听回车并获取上一行文本是否是注释?
SSL证书中OV和DV有啥区别,该如何选择?
python如何批量压缩目录及子目录图片到指定大小内?
google账号如何更改地区与国家?
为啥我的安卓手机chatgpt app打开报错Something went wrong. You may be connected to a disallowed ISP. If you are us
c#如何修改windows的代理设置?
国内华为andriod安卓苹果ios手机如何使用chatgpt4o的app?