利用vue的render写的示例组件，同时支持outside-click

最新推荐文章于 2024-08-29 23:38:23 发布

Lpd_Reason

最新推荐文章于 2024-08-29 23:38:23 发布

阅读量440

点赞数 1

分类专栏：前端框架vue

本文链接：https://blog.csdn.net/qq_40283784/article/details/87807646

版权

本文通过实例展示了如何使用Vue的render函数创建组件，并详细解释了如何添加outside-click事件监听，使得组件在外部点击时触发特定行为。通过这种方法，你可以更灵活地定制组件的结构和交互。

摘要由CSDN通过智能技术生成

{
                    title: 'Priority',
                    key: 'PV',
                    width: 90,
                    align:'left',
                    className:'column-head column-status',
                    render: (h, params) => {
                        const row = params.row;
                        const index = row._index
                        const _this = this
                        let manList=this.MANAGE.ppmListData;
                        let innerPriority;
                        if(row.hasOwnProperty("editPriority")&&row.editPriority){
                            this.editPriorityValue = row['Priority']
                            this.$nextTick(()=>{
                                if(this.$refs.editPriorityInput && this.$refs.editPriorityInput.focus){
                                    this.$refs.editPriorityInput.focus()
                                }
                            })
                            let creat = this.$createElement
                            innerPriority = creat('Input',{
                                props:{
                                    value: row['Priority'],
                                    autofocus: true,
                                    number: true
                                },
                                nativeOn: {
                                    click: (ev)=>{
                                        ev.stopPropagation();