Vue项目antdv中scopedSlots的customRender和customRender函数冲突

如上代码会因为scopedSlots中有customRender，下面有customRender函数，因此不会出现两个效果，以后面的customRender函数中的return出去的内容为准

            // js中数据this.headerData.push({title: "test",dataIndex: "test",key: "test",scopedSlots: {customRender: "test",},customRender: function (text, record, index) {}},});

//a-table中数据<templateslot="test"slot-scope="text,record"><a-input/></template>

我的项目是初始数据是customRender的内容，进过交互（点击等事件）之后出现template中的内容，解决的方法：

            this.headerData.push({title: "test",dataIndex: "test",key: "test",customRender: function (text, record, index) {if(true){return (  <a-input/> )} else {return "初始内容"}},

值的传递

            this.headerData.push({title: "test",dataIndex: "test",key: "test",customRender: function (text, record, index) {if(true){return (  <spanname={name}//原版为:name="name"onSelect={handlerSelect}//原版为@select="handlerSelect"></span>)} else {return "初始内容"}},

这里的HTML元素需要用()包裹，原因参照这个

关于antdv表格中customRender不起作用的研究（Vue2）_renovateF5的博客-CSDN博客

Antd中表格customRender行列合并与插槽如何同时使用

Vue项目antdv中scopedSlots的customRender和customRender函数冲突相关推荐

Vue项目开发中使用路由懒加载
Vue项目开发中使用懒加载一.使用路由懒加载的好处当打包项目时,JavaScript包会变的非常大,影响页面加载,要是通过把不同的路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应 ...
Vue项目开发中优雅的切换服务端ip
Vue项目开发中优雅的切换服务端ip 在进行Vue开发的时候,需要配置项目对应服务端的ip地址,但如果需要在多个服务端间进行切换,通常的做法是:手动修改vue.config.js配置文件中的服务端ip ...
vue 项目输入框中用 oninput
vue + element 项目中需要根据输入的值,立即对输入框的数据进行判断 ; 如果使用 @change ,只有在失去焦点的时候触发: 这个时候可以用 oninput 监听 oninput oni ...
Vue项目开发过程中解决跨域问题（vue.config.js结合axios）
一.问题描述在本地开发过程中,调用后端提供的接口获取数据将获取的数据渲染到页面中,但是浏览器报错: // 控制台报错信息 Access to XMLHttpRequest at 'http://x. ...
Vue项目开发中的点滴积累系列文章
题记 -- 严于律己,精于行动,点滴积累,着眼未来,你也许不负青春 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架本文章记录从基础入门到实际项目开发中的点点 ...
将Vue项目methods中的方法暴露在window上
这座城市风很大,孤独的人总是晚回家. 我是一个H5,咱们在写APP的时候,也就是APP内部嵌套咱们H5代码的时候,肯定会遇到交互问题,如果使用普通html js css的话应该没有什么太大的问题,因为 ...
vue项目的停止_基于Vue项目开发中遇到的坑及终结
之前一直在公司忙项目,忙项目的,好歹是发布了1.0版本.终于是有时间写一个总结了. 话说我就一个实习生一进来就要做项目核心,真的有点受宠若惊,还好项目是1.0版本,先实现部分功能,访问量也不大,加上一 ...
一步步教你前端vue项目开发中如何解决跨域问题
文章目录开发环境中跨域名词解释 1.同源策略: 2.同源: 3.跨域: 4.代理服务器: 解决方式项目背景跨域配置 1.配置说明: A.参数proxy详解: B.pathRewrite详解: ...
Vue项目开发中一些常见问题
问题汇总问题:安装超时(install timeout) 方案有这么些: cnpm : 国内对npm的镜像版本 /* cnpm website: https://npm.taobao.org/ */ ...

Vue项目antdv中scopedSlots的customRender和customRender函数冲突

Vue项目antdv中scopedSlots的customRender和customRender函数冲突相关推荐

最新文章

热门文章