生成前端错误边界 fallback UI
每次写错误边界都要重复造轮子,文案、样式、重试逻辑分散难复用。
有人这样说「这项目要上线了,错误边界还得自己写?太费劲了,得整套现成的。」
能替你选的都选好了。不想动,直接点下面「交给 AI 办」,点一下就开始做;想改,就点一下要的那个。
已替你选好想改就点一下
更多选项(一般不用动)
只有你知道的不填就先空着,成品里留【待填】
还想怎么改可以不选
开工前请确认
高级选项一般不用动 · 这件事通常 1 分钟左右做好
示例成品全文按上面这组示例选项真跑出来的
import { defineComponent, h } from 'vue';
export default defineComponent({
name: 'ErrorFallback',
props: {
onRetry: { type: Function, required: true }
},
setup(props) {
return () => h('div', { class: 'fallback-container' }, [
h('p', '加载失败,请重试'),
h('button', {
clas