Ant-design-vue table expandIcon属性，自定义ICON，及异步加载

【代码】Ant-design-vue table expandIcon属性，自定义ICON，及异步加载。

蝈蝈噶蝈蝈噶

2954人浏览 · 2021-08-20 14:56:38

蝈蝈噶蝈蝈噶 · 2021-08-20 14:56:38 发布

expandIcon: function (props) {
        let icon = 'ant-design:plus-square-outlined';
        if (props.expanded) {
          icon = 'ant-design:minus-square-outlined';
        } else {
          icon = 'ant-design:plus-square-outlined';
        }
        return h(Icon, {
          icon: icon,
          onClick: function (e) {
            props.onExpand(props.record, e);
          },
          style: {
            fontSize: '22px',
            verticalAlign: 'middle',
            cursor: 'pointer',
            margin: '0 10px 3px 0',
          },
        });
      },

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}$/, //不连续的两位字母// /^