vue/require-render-return Correctness
作用
强制 render 函数始终返回一个值。
为什么这很糟糕?
Vue 组件的 render 函数必须生成一个 VNode 树。如果某条 代码路径在没有返回的情况下继续执行,Vue 会收到 undefined 并且静默地什么也不渲染。
示例
此规则的错误代码示例:
vue
<script>
export default {
render() {
if (foo) {
return h("div");
}
// 在没有返回的情况下继续执行
},
};
</script>此规则的正确代码示例:
vue
<script>
export default {
render() {
return h("div");
},
};
</script>如何使用
To enable this rule using the config file or in the CLI, you can use:
json
{
"plugins": ["vue"],
"rules": {
"vue/require-render-return": "error"
}
}ts
import { defineConfig } from "oxlint";
export default defineConfig({
plugins: ["vue"],
rules: {
"vue/require-render-return": "error",
},
});bash
oxlint --deny vue/require-render-return --vue-plugin版本
该规则于 v1.67.0 中添加。
