将动态 props 绑定到 vue 组件

Question

使用 vue 2.x 和 vuetify 1.5x 我正在尝试将动态道具名称绑定到 vuetify 组件。 v-tooltip 接受工具提示位置的道具可以是bottom、right 等。您通常传递道具的方式如下：

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

我想要做的是绑定一个动态值，它可以是任何值，以下是一些不起作用的选项：

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

这两次尝试在 v-tooltip 上创建了一个 $attr，但没有传递 prop。

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

这显然是无效的语法

Answer 1

事实证明，这可以通过计算属性来完成，如下所示：

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

        }