Vue render函数子节点v-if

Vue.component('anchored-heading', {
    render: function(createElement) {
      var _self = this;
      return createElement(
        'h' + this.level, {
          on: {
            click: this.hclick
          }
        }, [this.$slots.default, (function() {
          if(_self.level === 1) {
            return createElement('div', 'h1大标签')
          }else{
            return createElement('div', 'h2中标签')
          }
        })()]
      )
    },
    methods: {
      hclick() {
        alert(123);
      }
    },
    props: {
      level: {
        type: Number,
        required: true
      }
    }
  })

不知道有没有更好的办法

    原文作者:小脑fu
    原文地址: https://segmentfault.com/a/1190000008965711
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞