mardi 21 avril 2020

how to functional component manual render to programming?

How Can I Render Functional Component at Vue.js? I'm Use "vue-property-decorator";

"vue-property-decorator"'s $createElment is diffrent to "vue"'s $createElement?

I want to make Functional Component in parameter.

This is my Code.


const DisplayDate = VueEx.component("anchored-heading", {
  render: createElement => createElement("h1", "hello"),
  props: {}
});


@Component
export default class LazyData extends VueEx {
  @Prop() body_data: Array<any>;
  @Prop() data_loading: boolean;
  @Prop() size_td: Array<string> | undefined;
  @Ref() main_div: HTMLDivElement | null;
  @Ref() loading_el: HTMLDivElement | null;
  tdClassWidthType(name: string) {
    const arrayfind = this.size_td.findIndex(item => item.indexOf(name) !== -1);
    if (arrayfind > -1) {
      return this.size_td[arrayfind].split("_")[
        this.size_td[arrayfind].split("_").length - 1
      ];
    }
    return name;
  }
  insieditem(tditem) {
    return tditem.render ? tditem.render(this.$createElement) : tditem;
   // tditem is DisplayDate 
  }
  mounted() {
    const user_level = mockupApi.getUserData();
  }
}




Aucun commentaire:

Enregistrer un commentaire