Vue.js 将动态道具绑定到vue组件

使用vue 2.x和vuetify 1.5x，我试图将动态道具名称绑定到vuetify组件。

v-工具提示

接受道具，因为工具提示的位置可以是

底部

，

右侧

等。通常通过道具的方式如下：

<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形工具提示上创建了$attr，但没有传递道具

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

---

这显然是无效的语法

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

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

        }