<tinymce v-model="editForm.productOverview" :key="tinymceFlag" > </tinymce>怎么改变宽高

在HTML模板`<tinymce v-model="editForm.productOverview" :key="tinymceFlag"></tinymce>`中，`tinymce`是一个富文本编辑器组件，其内容通过`v-model`绑定到Vue实例的数据属性`editForm.productOverview`。若你想改变这个 Tinymce 编辑器的宽度和高度，你可以直接在其父元素上设置CSS样式。

例如：

<div style="width: 80%; height: 400px;">
  <tinymce v-model="editForm.productOverview" :key="tinymceFlag"></tinymce>
</div>

在这个例子中，`width: 80%`和`height: 400px`设置了编辑器区域的宽度为容器的80%，高度为400像素。你可以根据需要调整这两个值。

如果你想要更动态的方式控制，可以利用JavaScript或者Vue.js的计算属性或自定义指令。比如，在Vue的data里定义一个对象存储编辑器尺寸，然后在CSS类中引用它：

data() {
  return {
    tinymceSize: { width: '80%', height: '400px' },
    editForm: { productOverview: '' }
  };
},
methods: {
  resizeTinymce(width, height) {
    this.tinymceSize.width = `${width}`;
    this.tinymceSize.height = `${height}`;
    // 更新视图（假设tinymce有一个ref）
    this.$refs.myTinymce.style.width = this.tinymceSize.width;
    this.$refs.myTinymce.style.height = this.tinymceSize.height;
  }
}

然后在需要的时候调用`resizeTinymce()`方法。