vue vxe-table vxe-modal 模态窗口、最大化窗口，缩放拖动窗口

查看官网示例：https://xuliangzhan_admin.gitee.io/vxe-table/#/table/module/modal<vxe-button @click="value2 = !value2">拖动窗口调整大小</vxe-button><vxe-modal v-model="value2" resize><te...

大猩猩X

12579人浏览 · 2020-02-08 23:01:12

大猩猩X · 2020-02-08 23:01:12 发布

查看官网示例：官方文档

在这里插入图片描述

<vxe-button @click="value2 = !value2">拖动窗口调整大小</vxe-button>
 <vxe-modal v-model="value2" resize>
    <template>
      <p style="color: red">按住头部移动！！！！！！！！！！！！！！！</p>
      <p style="color: blue">按住左边距拖动！！！！！！！！！！！！！！！</p>
      <p style="color: red">按住右边距拖动！！！！！！！！！！！！！！！</p>
      <p style="color: blue">按住底边距拖动！！！！！！！！！！！！！！！</p>
      <p style="color: blue">按住左下角拖动 ！！！！！！！！！！！！！！！</p>
      <p style="color: blue">按住右下角拖动！！！！！！！！！！！！！！！</p>
    </template>
  </vxe-modal>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^