Vue.js Vue 2+；引导vue-动态属性

这是我在Vue 2+引导Vue中的第一步，我正在尝试找出如何动态更改属性的名称，以便在小屏幕分辨率下工具提示更改其位置

下面的JS代码运行良好，但工具提示不会改变他的位置=( 请帮助我改进我的错误

.pug

JS

“严格使用”；
从“Vue”导入Vue；
从“引导vue”导入引导vue；
document.addEventListener（“DOMContentLoaded”，函数（）{
Vue.use（BootstrapVue）；
新Vue({
el:'新鲜西兰花'，
数据：{
windowWidth:null，
位置：this.windowWidth>=480？'left'：'bottom'
},
安装的（）{
此.$nextTick（函数（）{
window.addEventListener（'resize'，this.getWindowWidth）；
此参数为.getWindowWidth（）；
});
},
方法：{
getWindowWidth（）{
this.windowWidth=document.documentElement.clientWidth；
console.log（'this.windowWidth>=480？\'left\'：\'bottom\''，this.windowWidth>=480？'left'：'bottom'，'n'，this.windowWidth]；
}
},
在…之前{
removeEventListener（'resize'，this.getWindowWidth）；
}
});
});

浏览器-Chrome

浏览器控制台-Chrome

---

编辑：我以前的回答假设是一个

v-b-tooltip

是一个组件，而不是一个指令

---

据我所知，不支持在指令中使用变量。一种解决方案是使用，因为您可以动态更新其选项。Bootstrap使用引擎盖下的Popper作为其工具提示，因此您不会以这种方式引入新技术。

对于Bootstrap Vue工具提示，存在参数放置，因此代码可能如下所示：

<b-btn title="Title" target="d150" :placement="position">My btn</b-btn>

我的btn

---

更多信息请访问：

v-b-tooltip是一个指令，而不是组件。OP正在尝试向指令添加动态修改器。