vue的render函数在日常开发中被广泛应用,今天以ElementUI中的table表头重构为引,实际应用一下借助render函数实现表头搜索,不足之处请多多指教!
首先引入官方demo
实现效果
之后为姓名列添加 :render-header=”renderHeader” 绑定render函数
在methods中实现renderHeader方法
在less文件中配合实现DOM的展示和隐藏
此时已经可以实现点击表头出现输入框
之后需要为其绑定input事件
之后我们就可以监听data中的inputValue,实现一些列业务逻辑
以上这篇浅谈Vue render函数在ElementUi中的应用就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。