vue3 tsx 中书写插槽的方式

660 阅读1分钟
`formatter: (row: any, column: any, cellValue: any, index: number) => {
    // 也可以使用 v-solts={{}} 写在el-dropdown上实现
    return (
      <el-dropdown trigger="click" onCommand={(e) => {
        console.log(e)
        }}>
        {{
          default: () => (
            <span class="el-dropdown-link">
              {row.name || "选择模板"}
              <el-icon class="el-icon--right">
                <arrow-down />
              </el-icon>
            </span>
          ),
          dropdown: () => (
            <el-dropdown-menu>
              <el-dropdown-item>Action 1</el-dropdown-item>
              <el-dropdown-item>Action 2</el-dropdown-item>
              <el-dropdown-item>Action 3</el-dropdown-item>
            </el-dropdown-menu>
          ),
        }}
      </el-dropdown>
    );
  },`