教程 框架 组件 接口 其他

通用属性

常规属性

名称类型默认值描述
id<string>-唯一标识
style<string>-样式声明
class<string>-引用样式表
disabled<boolean>false表明当前组件是否可用
aria-label<string>-当前元素的标签描述,接受字符串作为参数
aria-unfocusable<boolean>false无障碍模式下是否能够获取焦点, 设置 true 时, 该组件 aria-label 属性在无障碍模式下不会生效

渲染属性

名称类型默认值描述
for<array>-根据数据列表,循环展开当前标签
if<boolean>-根据数据 boolean 值,添加或移除当前标签
show<boolean>-根据数据 boolean 值,显示或隐藏当前标签,相当于控制{ display: flex | none }

渲染属性工作方式详见template 模板

注意:属性和样式不能混用,不能在属性字段中进行样式设置

data属性 1050+

给组件绑定data属性,然后运行时通过 dataset 获取,方便进一步判断

示例:

<template>
  <div>
    <div id="elNode1" data-person-name="Jack"></div>
  </div>
</template>

<script>
  export default {
    onReady () {
      const el = this.$element('elNode1')
      const elData = el.dataset.personName
      console.info(`输出data属性: ${elData}`)
    }
  }
</script>

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容