求教vue2怎么用createElement动态创建DOM

Question

有一个按钮，根据 status 的值来创建，比如 status = 1 ,按钮名为 status1,跳转 A 页面我想通过 createElemetn 来创建这个按钮<template><div class="btn">...</div></template><script>    export default{        render:(createElement){          return createElement(...按钮)          }    }</script>我看了官网的介绍，好像是这样写，但是试了下没有用，不知道怎么玩了...

Answer 1

<template>

<order-btn :status="status"></order-btn>

</template>

<script>

import Vue from 'vue'

Vue.component('order-btn', {

  render:function(createElement){

      let self = this

        return createElement(

            'div',

            {

                on:{click:function(){

                    console.log('success')

                }},

            },

            self.order2Operate(self.status)

            )

    },

    props:{

        status

    },

    methods:{

        order2Operate(status){

            switch(status){

                case 1:

                    return "待付款"

                    break;

                case 2:

                    return "待成团"

                    break;

                case 3:

                    return "待发货"

                    break;

                case 4:

                    return "待收货"

                    break;

                case 5:

                    return "待评价"

                    break;

                default:

                    return "***"

            }

        }

    }

})

export default{

    data(){

        return{

            statue:[1,2,3,4,5]

        } 

    }

}

</script>