Question

除了属性（附加）外，我还想添加一个类（searchAnchor）。能够使用属性和类的正确拼写是什么？

  ....
  attach: {
                type: [String,Boolean],
                default: false
            },.....

<template>
    <v-menu absolute
            :z-index="zIndex"
            min-width="100%"
            :attach="attach && 'searchAnchor'"
            transition="slide-y-transition"
            :content-class="contentClasses"
            :nudge-bottom="calcHeight"
            :close-on-content-click="false"
            v-on="$listeners"
            :v-bind="$attrs">.....

Answer 1

这样做的时候

:attach="attach && 'searchAnchor'"

Javascript查看变量attach并对其求值。如果求值返回true（在您的情况下，它确实是），则它返回&&运算符之后的值-在您的情况下，仅返回'searchAnchor'值。

你想要的是这个

:attach="{ ...attach, searchAnchor: true }"

这使用spread（...）运算符将对象的属性复制到新对象上，然后将另一个属性添加到该新对象searchAnchor中，其值为true。

Vuetify在：attach v-menu中使用多个数据

1 个答案: