vue.js 什么是：div元素中的data-col属性？

new9mtju 于 2022-11-17 发布在 Vue.js

关注(0)|答案(2)|浏览(272)

我在vue组件中发现了这个，我不明白：div中的data-col的用途，你能解释一下吗

<template>
  <div
    class="vertical-layout h-100"
    :class="[layoutClasses]"
    :data-col="isNavMenuHidden ? '1-column' : null"
  >

vue.js

来源：https://stackoverflow.com/questions/74411231/what-is-data-col-attribute-in-div-element

2条答案

按热度按时间

a14dhokn1#

这是Vue属性绑定（也称为v-bind）和HTML data-* attribute沿着Tenary operator的组合。
这种v-bind和tenary方法是vue开发中的一种常见做法，尤其是在条件渲染中。
此代码的目的是在isNavMenuHidden为true时，将值为1-column的data-col属性放在指定的div上