Empty空状态组件怎么在Vue里优雅地展示？
我在用Vue做列表页，数据为空时想显示一个友好的空状态提示，但不知道怎么组织结构才合理。试过直接在v-if里写提示文字，但样式和逻辑混在一起很乱。
现在用了个简单的写法，但感觉不够通用，每次都要重复写一样的结构：
<div v-if="list.length === 0" class="empty-state">
<img src="/empty.svg" alt="空状态" />
<p>暂无数据</p>
</div>
<ul v-else>
<li v-for="item in list" :key="item.id">{{ item.name }}</li>
</ul>有没有更组件化的方式？比如封装成一个<Empty />组件，还能自定义文案和图标？
- 2
回答
42浏览
Empty组件在不同页面复用时样式怎么统一？
最近在项目里做空状态组件复用，但发现不同页面的Empty组件样式总变样。比如列表页用max-width: 400px限制了宽度，但搜索页的Empty直接撑满整个容器，文字间距也变大了 尝试把样式写在组...
- 2
回答
45浏览
Empty组件在弹性高度容器里垂直居中失效怎么办？
最近在做订单列表页面，用Antd的Empty组件显示无数据状态。可是当容器高度随内容变化时，Empty的"图标+文字"总贴着顶部显示，试过给父容器加display: flex;和align-items...
- 1
回答
56浏览
Flutter中子组件如何更新父组件的状态？Vue的事件方法不生效了
在用Flutter做列表项点击时遇到状态同步问题。我按照Vue的思路，在子组件通过回调修改父组件的变量，但页面就是不更新。已经试过用setState包裹回调，但控制台提示setState() call...
- 1
回答
60浏览
Vue DevTools突然无法显示组件树了怎么办？
今天升级到Vue 3.2.31后，DevTools的组件树和状态都变成了灰色不可用。已经重装过插件和依赖，但控制台一直报错： [Vue Devtools] incompatible Vue versi...
- 1
回答
81浏览
Vue组件之间怎么传值？props和emit到底咋用？
我刚学Vue，现在父子组件通信搞不太明白。父组件想传数据给子组件，子组件又想改这个数据再传回去，结果一改就报错说不能直接修改props。 我试过在子组件里用this.$emit发个事件让父组件更新，但...
- 1
回答
6浏览
Docker里部署的Vue项目怎么监控容器状态并告警？
我在服务器上用Docker部署了一个Vue项目，现在想监控容器是否挂了或者资源占用过高，但不知道怎么配置告警。试过用cAdvisor看指标，但没搞懂怎么触发通知。 这是我的Vue组件里调用的一个健康检...
- 1
回答
6浏览
Vue自定义指令怎么获取组件实例？
我在写一个 Vue 3 的自定义指令，想在 directive 的钩子里拿到当前组件的实例（也就是 this 或 setup 里的东西），但发现 bind 或 mounted 钩子里的参数好像没有直接...
- 1
回答
15浏览
Memory Cache 没生效？Vue组件里图片重复请求怎么回事？
我在 Vue 项目里用 img 标签加载同一张图片，按理说浏览器应该走 Memory Cache，但每次切换组件都会重新请求，network 面板里状态是 200 而不是 (memory cache)...
- 1
回答
14浏览
Chameleon 里怎么在 Vue 页面中正确使用 cml-ui 组件？
我用 Chameleon 搭建了一个多端项目，想在 Vue 页面里引入 cml-ui 的按钮组件，但一直报错说找不到组件。是不是要额外注册？ 我试过直接在 template 里写 <cml-bu...
- 1
回答
18浏览
WeakMap在Vue组件里怎么用才不会内存泄漏？
我在Vue组件里想用WeakMap缓存一些DOM节点的元数据，但不确定会不会导致内存泄漏。试了下发现组件卸载后WeakMap里的引用好像还在？ 这是我的写法： <template> <...
用起来就是这样：
这样文案、图标、按钮都能自定义，还支持默认插槽放操作按钮，比之前那种写法干净多了。