VUE：当前页面引用自定义公用样式（:style=“样式名“）

系统管理员 2022-03-26 12:48 555阅读 0赞

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1]

1. 在当前页面，自行定义了几个样式，在不同地方引用。

2. 实现代码。

样式定义：

data() {
        return {
          input: {
            fontSize: "21px",
            height: "0px",
            marginBottom: "0px"
          },
          backgroundColor: {
            background: "#f5fffa"
          }
        };
      },

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEzMTQ0NDI_size_16_color_FFFFFF_t_70][]

调用：（可多种样式混用：自定义、style、class 等）

:style="input"
    
    :style="backgroundColor"

![20190117112709543.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEzMTQ0NDI_size_16_color_FFFFFF_t_70 1][]

[Link 1]: https://www.captainai.net/jiangyu1013/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEzMTQ0NDI_size_16_color_FFFFFF_t_70]: /images/20220326/58f7aea2a9e3496982f62ba1b52143c2.png
[20190117112709543.png]: /images/20220326/daa08c034d9e4476af394863d943b6db.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEzMTQ0NDI_size_16_color_FFFFFF_t_70 1]: /images/20220326/4a9885d59b9843bd9db39b72c1ce13bf.png

发表评论取消回复

表情：

评论列表（有 0 条评论，555人围观）

还没有评论，来说两句吧...

相关阅读

相关 echarts自定义样式

一、柱状图x、y轴：（1）实现隐藏x轴，y轴，刻度线，网格 yAxis: { show: true, type: 'value',

迷南。/ 2022年12月15日 03:39/ 0 赞/ 281 阅读

相关 VUE：当前页面引用自定义公用样式（:style=“样式名“）

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] 1. 在当前页面，自行定义了几个样式，在不同地方引用。

系统管理员/ 2022年03月26日 12:48/ 0 赞/ 556 阅读

相关 vue中样式-style

> <!DOCTYPE html> > <html lang="en"> > > <head> > <meta charset="UTF-8"> > <m

﹏ヽ暗。殇╰゛Y/ 2022年02月21日 09:19/ 0 赞/ 449 阅读

相关 Silverlight Style 自定义样式在后台代码中应用

一、应用已有的自定义样式: 拿上一章我们自定义的样式举例： <Application xmlns=http://schemas.microsoft.com/winfx/20

阳光穿透心脏的1/2处/ 2022年01月20日 13:33/ 0 赞/ 183 阅读

相关自定义blog样式

不知道大家觉得我的Blog的效果怎么样:) 我个人感觉还不错哦，hoho！仿照微软的主页做的一点点修改，主要使用了DOM和CSS。关于如何添加JS代码和自定义CSS，很多人

亦凉/ 2021年12月20日 14:07/ 0 赞/ 407 阅读

相关 vue class、style样式绑定

class对象方式绑定 <div id="app"> <div @click="handleDivClick" :class="{act

Love The Way You Lie/ 2021年11月02日 09:02/ 0 赞/ 510 阅读

相关 vue 百度地图自定义样式

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3

今天药忘吃喽~/ 2021年10月01日 04:34/ 0 赞/ 1595 阅读

相关 js 操作元素样式style、类名class

操作样式操作html的style属性中的样式添加样式对象名.style.去掉样式中的-，并-后的首字母为大写

系统管理员/ 2021年07月24日 13:14/ 0 赞/ 669 阅读

相关 Vue项目：style样式篇

目录一、动态使用样式二、全局公共css样式文件 2.1 main.js中引入 2.2 index.html引入三、单个vue文件中引入样式四、样式作用范围控

淩亂°似流年/ 2021年07月24日 11:07/ 0 赞/ 654 阅读

相关 Vue BaiduMap 自定义样式的坑

发现问题 * 项目使用vue-baidu-map进行开发 * 使用baidu-map标签渲染地图并且mapStyle自定义样式，发现地图的底图已经落后了。 ...

测试账号/ 2021年01月19日 15:23/ 0 赞/ 2287 阅读