(持续更新吧)关于render函数的一些实例应用

1、需要将数字或字母转换成对应的文字说明 

(持续更新吧)关于render函数的一些实例应用_第1张图片

2、需要在表格里面显示图片

(持续更新吧)关于render函数的一些实例应用_第2张图片

3、显示其他内容

(持续更新吧)关于render函数的一些实例应用_第3张图片

render的模版是:

render: function (createElement) { return createElement( 'h' + this.level, // 标签名称 this.$slots.default // 子节点数组 ) },

________________________

最近在做一个新的项目,需求里面需要对表格操作了自定义,因为用的是基于element ui又封装的表格组件,所以element官网的写法不太适用了,下面看看我写的

老规矩先放产品图

(持续更新吧)关于render函数的一些实例应用_第4张图片

其实就是下拉菜单,但是我发现有两种方法,

1、Popover 弹出框

(持续更新吧)关于render函数的一些实例应用_第5张图片

2、Dropdown 下拉菜单

(持续更新吧)关于render函数的一些实例应用_第6张图片

综合比较了一下,还是用下拉框的写法

你可能感兴趣的:((持续更新吧)关于render函数的一些实例应用)