acupuncture/acupuncture-前台/src/layout/components/Sidebar/Item.vue

<script>
export default {
  name: "MenuItem",
  functional: true,
  props: {
    icon: {
      type: String,
      default: "",
    },
    title: {
      type: String,
      default: "",
    },
  },

  render(h, context) {
    const { icon, title } = context.props;
    const vnodes = [];

    // if (icon) {
    //   // vnodes.push(<svg-icon icon-class={icon} />);
    //   vnodes.push(<img src={itmeIcon[title]} />);
    // }

    if (title) {
      console.log("title", title);

      if (title.length > 5) {
        vnodes.push(
          <span slot="title" title={title}>
            {title}
          </span>
        );
      } else {
        vnodes.push(<span slot="title">{title}</span>);
      }
    }

    return vnodes;
  },
};
</script>