javascript - 无法设置 buefy 模态宽度

Question

我将 vuejs 与 bulma 和 buefy 一起使用。我正在使用 buefy modal 并尝试使用其“width”属性设置模态宽度。我试图在 html 中指定它以及使用 javascript 打开模式。

this.$modal.open({
  parent: this,
  component: dummyComponent,
  width: 720
}) 

谁能帮帮我。

Answer 1

您还需要在您的组件中设置 style="width: auto"，然后您在打开模式时设置的宽度将被考虑在内。

那么js部分就留下

this.$modal.open({
  parent: this,
  component: dummyComponent,
  width: 720
}) 

你的组件将是

<template>
  <div class="modal-card" style="width: auto">
   <!-- Content comes here... -->
  </div>
</template>

buefy documentation 中的示例也包括它，但他们没有明确说明您需要它来设置宽度。