操作行内样式-对象语法//操作行内样式-数组语法

操作行内样式-对象语法

<!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>Document</title>
</head><body><div id="app"><!-- 基本用法 --><h1 v-bind:style="{color: 'pink', fontSize: '18px'}">{{name}}</h1><!-- 使用 data 选项中样式 --><h1 v-bind:style="style1">{{name}}</h1><!-- 样式切换 --><h1 v-bind:style="isTrue ? style1 : style2">{{name}}</h1></div><script src="./vue.js"></script><script>new Vue({data: {name: '赵胤祯',isTrue: true,style1: {color: 'red',fontSize: '18px'},style2: {color: 'green',fontSize: '18px'}}}).$mount('#app')</script>
</body></html>

操作行内样式-数组语法

<!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>Document</title>
</head><body><div id="app"><!-- 基本用法 --><h1 v-bind:style="[{color: 'white', fontSize: '18px'}, {backgroundColor: 'green'}]">{{name}}</h1><!-- 使用 data 选项中样式 --><h1 v-bind:style="[style1, style2]">{{name}}</h1><!-- 样式切换 --><h1 v-bind:style="[isTrue ? style1 : style2]">{{name}}</h1></div><script src="./vue.js"></script><script>new Vue({data: {name: '赵胤祯',isTrue: true,style1: {color: 'red',fontSize: '18px'},style2: {color: 'green',fontSize: '18px'}}}).$mount('#app')</script>
</body></html>

操作行内样式-对象语法//操作行内样式-数组语法相关推荐

python内置对象的实现_Python 内置对象的实现
准备回顾一下python源代码,不过不准备说的太细,尽量勾勒框架,不引用代码. python中所有东西都是对象,进一步地,这些对象可以分为类型对象(type)or实例对象,有时一个对象即可以是类型,也 ...
单体内置对象_js基础-单体内置对象（Global、Math）
单体内置对朋不功事做时次功好来多这开制的请一例农在象(Global.Math是能览调不页新代些事几求事都时学下是事) 内置对象二,都过发宗发数前业很断屏击和公图使分近也就是我们不必显示地区实例化,直接 ...
字符串内置对象方法与Math内置对象方法的简介
字符串内置方法 var str1 = 'xiaoming'; console.log(str1.length);//字符串的长度 console.log(str1.charAt(0));//返回索引0 ...
04-前端技术_ javaScript内置对象与DOM操作
目录五,javaScript内置对象与DOM操作 1,JavaScript对象定义和使用 2,JavaScript内置对象 2.1 Array数组 2.1.1 创建方式 2.1.2 常用属性: 2. ...
JS内置引用类型/内置对象
JS内置引用类型/内置对象概述对象在 JavaScript 中被称为引用类型的值/实例,在 ECMAScript 中,引用类型是一种数据结构, 用于将数据和功能组织在一起.它也常被称为类,但这种称 ...
JSP的9个内置对象(隐含对象)
JSP的9个内置对象(隐含对象) JSP内置对象是指在JSP页面系统中已经默认内置的Java对象,这些对象不需要开发人员声明即可使用. 9个内置对象如下: page:代表当前JSP页面 request ...
Jsp内置对象及EL表达式的使用
一.JSP的内置对象(9个JSP内置对象) JSP的内置对象引用名称对应的类型 request HttpServletRequest response HttpServletResponse ses ...
python的内置对象有哪些、列举说明_Python内置对象汇总
内置对象方法汇总常用内置对象的方法 String 定义,切片,长度,替换,编列..... 列表/元组定义,使用,循环遍历...... 字典定义,使用,循环遍历....... 集合Set 连接数据 ...
JSP的内置对象详解
JSP内置对象文章目录 JSP内置对象前言一.out对象 1.原理 2. 向客户端输出数据二.page对象 1.范围三.pageContext 对象 1.获取内置对象 2.存储数据四.re ...
【JSP笔记】第三章 JSP内置对象【上】
2019独角兽企业重金招聘Python工程师标准>>> 1.内置对象简介:JSP内置对象是WEB容器创建的一组对象,不使用new关键就可以是用的对象. <% out.print ...

操作行内样式-对象语法//操作行内样式-数组语法

操作行内样式-对象语法

操作行内样式-数组语法

操作行内样式-对象语法//操作行内样式-数组语法相关推荐

最新文章

热门文章