ts

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

SuButton

<SuButton
  v-if="btn?.show(selected) ?? true"
  :key="i"
  :disabled="btn?.disabled(selected)"
  :click="btn.click"
  :params="selected"
  :cb="getList"
  :size="buttonSize"
  v-bind="btn"
>
  {{ typeof btn.text === "function" ? btn.text(selected) : btn.text }}
</SuButton>

extraButtons: [
  {
    type: "success",
    disabled: (row) => row.date === "2016-05-04",
    text: (row) => (row.status === "normal" ? "禁用" : "启用"),
    click: (row) => {
      alert(row.name);
    },
  },
];
headerButtons: [
  {
    text: "自定义头部按钮",
    disabled: (selected) => selected.length == 0,
    click: (selected) => {
      let ids = selected.map((s) => s.id);
      alert("selected ids: " + ids);
      return new Promise((resolve, reject) => setTimeout(resolve, 1500));
    },
  },
  {
    text: "请求后不刷新",
    click: (selected) => {
      return new Promise((resolve, reject) => setTimeout(() => resolve(false), 1500));
    },
  },
  {
    text: (selected) => `操作选中的 ${selected.length || 0} 条数据`,
    click: (selected) => {
      return new Promise((resolve, reject) => setTimeout(() => resolve(false), 1500));
    },
  },
];