vue 使用 jsx 时的 render 与 eslint 变量定义未使用提醒的矛盾问题

jsx 的render函数形参未使用 与 eslint 变量定义未使用的提醒矛盾

代码如下:

export default {

    props: {

        level: {

            type: Number,

            default: 1

        }

    },  

    render: function(h) {

        const Tag = `h${this.level}`;

        return <Tag>{this.$slots.default}</Tag>

    }

}

render 函数中的 形参 h 定义了但是没有使用,这时候 eslint 就会提示报错。如果不加形参,vue 会提示报错。如果关掉 eslint 变量定义未使用的提示,感觉得不偿失,不知道大家有什么好的解决办法没有。

讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!