vuedialog位置设置

在Vue中，可以使用CSS样式将dialog的位置进行设置。例如，可以使用`position: absolute`和`top`、`left`属性来设置dialog的位置。具体代码如下：

<template>
  <div class="dialog-wrapper">
    <div class="dialog" :style="{ top: top + 'px', left: left + 'px' }">
      <!-- dialog内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      top: 100, // dialog距离顶部的距离
      left: 100 // dialog距离左侧的距离
    };
  }
}
</script>

<style>
.dialog-wrapper {
  position: relative;
}
.dialog {
  position: absolute;
}
</style>

在上面的代码中，我们使用了一个`dialog-wrapper`容器来包裹`dialog`组件，并且给`dialog-wrapper`设置了`position: relative`样式，使得`dialog`的位置是相对于它的父容器进行定位的。在`dialog`组件中，我们使用了`position: absolute`样式，并且通过`:style`指令动态设置了`top`和`left`属性，来控制`dialog`的位置。在实际使用中，可以根据具体的需求来调整`top`和`left`的值，以达到想要的位置效果。