vue中样式

桃扇骨 2021-12-16 19:37 304阅读 0赞

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>Title</title>

<script src="js/vue-2.4.0.js"></script>

<style>

.red\{

color: red;

\}

.thin\{

font-weight: 200;

\}

.italic\{

font-style: italic;

\}

.active\{

letter-spacing: 0.5em;

\}

</style>

</head>

<body>

<div id="app">

<!--在为class使用v-bind 绑定对象的时候，对象的属性是类名，由于对象的属性可带引号，

也可不带引号，所以我这里没写引号，属性的值是一个标识符-->

<h1 :class="classObj">这是个超级大的大大h1!!!</h1>

</div>

<script>

const vm=new Vue(\{

el:'\#app',

data:\{

flag:true,

classObj:\{red:true,thin:false,italic:true,active:true\}

\},

methods:\{

\}

\})

</script>

</body>

</html>

转载于:https://www.cnblogs.com/lujieting/p/10434774.html

发表评论取消回复

表情：

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

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

相关阅读

相关 vue中动态修改组件样式

今天遇到了个难题，在次记录一下。一般我们vue中动态修改一个组件的样式会用 :class :style等方法。今天我在修改一个组件样式的时候发现覆盖不了原有样式

客官°小女子只卖身不卖艺/ 2023年02月23日 12:28/ 0 赞/ 47 阅读

相关 Vue中使用样式（class与内联样式）

文章目录在Vue中使用样式使用class样式 class样式案例：使用内联样式内联样式案例

た入场券/ 2022年10月23日 08:15/ 0 赞/ 192 阅读

相关 Vue中配置el-dialog样式

效果图： ![20210813103241325.png][] 使用： <template> <div> <LjButt

Love The Way You Lie/ 2022年09月04日 10:58/ 0 赞/ 483 阅读

相关 Vue.js 中使用样式

文章目录在Vue中使用样式使用class样式使用内联样式源代码在Vue中使用样式

柔情只为你懂/ 2022年03月18日 02:56/ 0 赞/ 259 阅读

相关 vue中样式-style

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

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

相关 vue中样式-class

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

小咪咪/ 2022年02月21日 09:17/ 0 赞/ 249 阅读

相关 Vue中的样式绑定

1 第一种 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-

青旅半醒/ 2022年01月22日 14:25/ 0 赞/ 306 阅读

相关 vue中样式

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

桃扇骨/ 2021年12月16日 19:37/ 0 赞/ 305 阅读

相关 Vue 中 css scoped 样式穿透

scoped看起来很好用，当时在Vue项目中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件

以你之姓@/ 2021年07月27日 01:54/ 0 赞/ 490 阅读

相关 Vue 中 scoped 样式穿透

vue引用了第三方组件，如elementUI，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。办法一：使用::v-dee

古城微笑少年丶/ 2021年07月26日 01:33/ 0 赞/ 549 阅读