美文网首页
绑定属性引号是否添加

绑定属性引号是否添加

作者: 小透明进击战 | 来源:发表于2019-06-19 10:38 被阅读0次

v-bind:class 指令也可以与普通的class属性共存。当有如下模板

<div
  class="static"
  v-bind:class="{ active: isActive, 'text-danger': hasError }"
></div>

datad对象中的内容为

data: {
  isActive: true,
  hasError: false
}

结果渲染为

<div class="static active"></div>

绑定属性时,使用v-bind时,当key中含有js不支持的变量命名格式,如:-(中划线)和空格的时候,就需要给这些属性加引号''。

相关文章

  • 绑定属性引号是否添加

    v-bind:class 指令也可以与普通的class属性共存。当有如下模板 datad对象中的内容为 结果渲染为...

  • (七)数据绑定,响应式编程和管道

    (一)数据绑定 1.数据绑定 添加一些键盘事件 (二)DOM属性绑定 DOM属性和HTML属性。(input)上面...

  • wxml

    1、标签中数据绑定 示例 属性名 = "{{变量或表达式}}" 绑定属性变量时,双引号与变量之间不能够有空格,否则...

  • Python 学习笔记7 - 面向对象高级编程

    slots —— 限制实例能添加的属性 我们可以给该实例绑定任何属性和方法 给实例绑定属性 给实例绑定方法 给cl...

  • 基础语法以及数据绑定

    数据绑定方式 控制属性即判断属性(需要在双引号之内) 算数运算 列表渲染 wx:for 使用 wx:for-ite...

  • v-bind:style样式绑定

    一、直接添加样式属性 二、绑定到样式对象 三、多样式绑定

  • OOP高级编程

    给类绑定属性和方法 绑定方法 通过slots变量,来限制该class能添加的属性; slots定义的属性仅对当前类...

  • CSS性能优化

    属性缩写 语法压缩** background-image, cursor等属性url()中的路径不需要添加引号**...

  • Python:面向对象编程(进阶)

    类动态绑定方法与限定实例属性 类动态绑定方法 前面我们说了如何给类动态的添加属性,那么如何动态绑定方法呢?如下示例...

  • Vue-day1

    双向绑定 属性enumerable 是否可遍历configurable 是否可删除writable 是否可写val...

网友评论

      本文标题:绑定属性引号是否添加

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