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 变量定义未使用的提示,感觉得不偿失,不知道大家有什么好的解决办法没有。