vue 我如何给 :style="" 绑定这个对象呢？

Question

<div :style="obj"></div>
就是这个对象。

obj = {
    width:(this.w>=$(draggable).width())?300:this.w;
}

this.w 是变化的, $(draggable).width() 在window.resize的时候 也是会变化的。
要求这个两种情况变化的时候，样式效果都要起作用。

Answer 1

把width的值和$(draggable).width()分别用一个变量表示，如：resultWidth和divWidth
然后用计算属性返回:
在window.resize中给divWidth赋值：this.divWidth = $(draggable).width();

结果如下：

window.resize = () => {
    this.divWidth = $(draggable).width();
}
......
obj = {
    width: resultWidth
}
......
computed: {
    resultWidth: function() {
        return (this.w>=this.divWidth)?300:this.w;
    }
}