vue3+ts 判断对象里的的value是否都有值

  const obj = {
    FXZC1vacqlulr871700644707850: '90',
    HGEM93jplj3iq541700710269488: 4444,
    IMSL86fhctdyyib1700643615017: '重大缺陷',
    ITPMhdb65l4ezrc1700644675180: '34',
    IYNHouq2u0q2k491700639608371: 34,
    JEFYlbnzdmh7gea1700710309070: 100,
    KDFCotv6p693xif1700643639439: '34444',
    LWVQn95j9yksyzb1700643630513: '2023-11-30',
    PISChz0d3t0i5br1700643539532: '54',
    REKZe1jp4lctwip1700643577120: '组织处理',
    RGSXwwqxx9zw0c1700639515048: 3,
    SBXB8932mrkwssn1700643590851: '幅度萨芬',
    XVPOr48odbswo61700643551212: '地方',
    isRelease: '1',
    key: 0,
  }
const allValuesAreNonEmptyStringsOrNumbers = Object.values(obj).every(value => (typeof value === 'string' && value.trim() !== '') || typeof value === 'number');

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 3 + TypeScript 中使用 stats.js,你可以按照以下步骤进行操作: 1. 首先,安装 stats.js。你可以使用 npm 或 yarn 进行安装: ```bash npm install stats.js ``` 或 ```bash yarn add stats.js ``` 2. 在你的 Vue 3 + TypeScript 项目中,创建一个新的组件用于显示 stats.js 的统计信息。你可以将其命名为 `Stats.vue`。在该组件中,你可以使用 `<canvas>` 元素来绘制统计图。 ```vue <template> <canvas ref="statsCanvas"></canvas> </template> <script lang="ts"> import { defineComponent, onMounted, ref } from 'vue'; import Stats from 'stats.js'; export default defineComponent({ name: 'Stats', setup() { const statsCanvas = ref<HTMLCanvasElement | null>(null); onMounted(() => { const stats = new Stats(); stats.showPanel(0); // 0: FPS, 1: ms, 2: MB, 3+: custom statsCanvas.value?.appendChild(stats.dom); function animate() { stats.begin(); // 执行你的更新逻辑 stats.end(); requestAnimationFrame(animate); } requestAnimationFrame(animate); }); return { statsCanvas, }; }, }); </script> ``` 3. 在你需要使用 stats.js 的组件中,引入并使用 `Stats` 组件。 ```vue <template> <div> <!-- 其他组件内容 --> <Stats /> </div> </template> <script lang="ts"> import { defineComponent } from 'vue'; import Stats from './Stats.vue'; export default defineComponent({ name: 'App', components: { Stats, }, }); </script> ``` 现在,你就可以在 Vue 3 + TypeScript 项目中使用 stats.js 来显示性能统计信息了。记得根据你的需求进行配置和样式的调整。希望对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值