美文网首页
12-指令-v-bind

12-指令-v-bind

作者: 梦想成为小仙女 | 来源:发表于2019-02-19 22:55 被阅读2次
image.png

1.重点


image.png

除了上图中的重点之外
还可以通过三目运算符表示类
:class="[msg?'className',""]"
也可以直接将类名赋值
:class="['类名1','类名2']"
简单的总结给class和style这两个特殊属性赋值
class名称必须加单引号,style属性名称如果有-,才需要加单引号.可以通过数组传递多个,也可以通过对象传递多个,可以用三目运算符,也可以用对象控制样式的显示与隐藏

2.代码验证


image.png

相关文章

  • 12-指令-v-bind

    1.重点 除了上图中的重点之外还可以通过三目运算符表示类:class="[msg?'className',""]"...

  • Vue基础指令

    Vue循环指令 Vue绑定指令: v-bind:style,v-bind:class: v-model双向数据绑定...

  • vue中的指令

    v-bind: v-bind动态绑定指令,官方文档是这样来说的: 1.:v-bind动态绑定指令,默认情况下标签自...

  • 【Vue】常用指令之v-bind

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-bind v-bind指令是专...

  • v-bind

    v-bind,绑定属性的一个指令 基本用法:v-bind:title="mytitle" or :title=...

  • vue模板语法

    Mustache 语法不能作用在 HTML 特性上,遇到这种情况应该使用 v-bind 指令 指令 指令(dire...

  • vue 零散学习档案

    引言 vue中“:”、“.”、“@”意义 “:” 是指令 “v-bind”的缩写“@”是指令“v-on”的缩写“....

  • 2018-09-14 vue常用指令

    v-bind v-bind 特性被称为指令,v-bind是绑定属性的,如下边的例子:点击切换图片 其中用v-bin...

  • v-bind指令

    v-bind指令用于给html标签设置属性。 基本用法 这样得到 文字 class 属性绑定 同时传入一个或多个类...

  • Vue.js从0到1:v-bind指令

    Vue.js从0到1:v-bind 指令 1. 代码演示 v-bind :绑定 : 绑定class、绑定style...

网友评论

      本文标题:12-指令-v-bind

      本文链接:https://www.haomeiwen.com/subject/aleqyqtx.html