vue实现动态赋值长宽

在Vue中，可以通过使用v-bind指令将动态值赋给元素的长宽属性。

首先，在Vue组件的data选项中定义一个变量，用来存储长宽的值：

data() {
  return {
    width: 100,
    height: 200
  }
}

然后，在模板中使用v-bind指令将这些变量绑定到元素的长宽属性上：

<div :style="{width: width + 'px', height: height + 'px'}"></div>

这样，当width或height的值发生变化时，元素的长宽也会随之更新。

另外，如果你想要在用户输入时实时更新长宽的值，可以使用v-model指令绑定输入框的值到width和height上：

<input type="text" v-model="width">
<input type="text" v-model="height">

这样，当用户在输入框中输入新的值时，width和height的值会自动更新，并且元素的长宽也会相应地更新