Связывание Dynami c реквизит для vue компонента

Question

Использование vue 2.x и vuetify 1.5x Я пытаюсь привязать динамическое имя c prop к компоненту vuetify. v-tooltip принимает опору для местоположения всплывающей подсказки: bottom, right et c. Обычно вы передаете реквизит так:

<v-tooltip bottom></v-tooltip>
//alternatively
<v-tooltip :bottom="true"></v-tooltip>

Что я пытаюсь сделать, это связать значение Dynami c, которое может быть любым из значений, вот некоторые из вариантов которые не сработали:

<v-tooltip {{tooltipLocation}}></v-tooltip>
//OR
<v-tooltip v-bind={tooltipLocation: true}></v-tooltip>

Эти две попытки создали $ attr для v-tooltip, но не передали реквизит.

<v-tooltip v-bind={`${tootltipLocation}`: true}></v-tooltip>

Это, очевидно, неверный синтаксис

Answer 1

Оказывается, это можно сделать с помощью вычисляемого свойства, например:

computed: {
            dynamicTooltipProps() {
                return {
                    [`${this.tooltipLocation}`]: true
                }
            }

        }