互联网网站模版,企业网站建设一条,icp备案网站更名,网页设计作业致谢解决方法是#xff1a;将 css 的属性使用 v-bind 与 Vue 组件的属性绑定#xff0c;当组件的属性变化时#xff0c;css 对应的属性值也就会随之变化#xff1b; 具体实现代码#xff1a;
templatedivspan classnavTitle标题名/s…解决方法是将 css 的属性使用 v-bind 与 Vue 组件的属性绑定当组件的属性变化时css 对应的属性值也就会随之变化 具体实现代码
templatedivspan classnavTitle标题名/span /div
/template
scriptexport default {data() {return {fontSize: 18px}},created() {this.fontSizeChange()},methods: {// 比如只需要“我的”字号是 15px其他的页面是 18pxfontSizeChange(){if(this.$route.query.title 我的){this.fontSize 15px}else{this.fontSize 18px}}},watch: {$route() {// 由于我是用 url 参数来判定是否改变字号的所以对路由进行了监听this.fontSizeChange()},},}
/script
style langscss.navTitle{/*将 css 的属性使用 v-bind 与 Vue 组件的属性绑定当组件的属性变化时css 对应的属性值也就会随之变化*/font-size: v-bind(fontSize);}
/style
