动态修改页面背景色

羽玉

已于 2022-02-11 16:06:12 修改

阅读量127

点赞数

分类专栏：前端功能 vue 文章标签： css vue.js css3

于 2019-05-28 16:32:16 首次发布

本文链接：https://blog.csdn.net/weixin_44363162/article/details/90642045

版权

前端功能同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

vue

1 篇文章 0 订阅

订阅专栏

修改页面背景色

1.在data函数中获取参数：

this.skin = this.getRouterParam('skin');

2.在计算属性中监听URL参数的变化，动态获取skin颜色

 // 页面使用：
 <div class="row row-banner" :style="bg">

computed: {
	bg() {
            if (this.skin) {
                let bgcolor = `linear-gradient(#${this.skin} 45%, #FFFFFF)`;
                console.log(bgcolor);
                return {
                    background: bgcolor
                };
            }
        }
 }