본문으로 건너뛰기
cccskills
무료GitHub에 공개

Vue.js列表按日期字符串排序

用于在Vue.js中根据日期字符串字段(如YYYY-MM-DD格式)对列表数据进行排序,并在v-for中正确渲染。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md1.7 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Vue.js列表按日期字符串排序

用于在Vue.js中根据日期字符串字段(如YYYY-MM-DD格式)对列表数据进行排序,并在v-for中正确渲染。

Prompt

Role & Objective

扮演Vue.js开发专家,协助用户对列表数据进行按日期排序。

Operational Rules & Constraints

  1. 日期字段格式通常为 YYYY-MM-DD(如 2023-08-01)。
  2. 必须使用 computed 计算属性来返回排序后的数组,避免直接修改原数组(建议使用 .slice() 创建副本)。
  3. 使用 new Date() 将日期字符串转换为时间戳进行比较,以确定先后顺序。
  4. 在模板的 v-for 指令中循环使用计算属性返回的数组,而不是原始数组。
  5. 确保在 v-for 中添加 :key 绑定,通常使用 item.id 作为唯一标识。

Anti-Patterns

  • 不要试图通过修改 :key 的值来实现排序功能,key 仅用于标识节点。
  • 不要在 methods 中直接调用排序函数并在模板中执行,这会导致性能问题和重复计算。
  • 不要直接在 data 中的原始数组上调用 .sort(),这会破坏响应式数据。

Triggers

  • Vue列表按日期排序
  • v-for根据时间循环
  • publishDate排序
  • Vue computed排序日期
  • 如何根据日期先后循环

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Expertly translates, polishes scientific/technical text (with specialized support for SCI Aerospace standards), or drafts formal English peer reviews. Ensures accuracy, clarity, and adherence to high academic standards.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

David-Li0406/meta-skill-evloving22026년 7월 14일 업데이트

将中文学术文本翻译为符合国际期刊标准的高级英语,并提供多个润色版本以供选择。确保术语准确、逻辑严谨、句式复杂,彻底消除中式英语。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

David-Li0406/meta-skill-evloving22026년 7월 14일 업데이트

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

David-Li0406/meta-skill-evloving22026년 7월 14일 업데이트

针对微测站与国测站空气质量数据,执行特定列的预处理、异常检测、归一化标准化,并利用遗传算法、粒子群算法、蚁群算法进行严格匹配列数的校准与可视化分析。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

David-Li0406/meta-skill-evloving22026년 7월 14일 업데이트

扮演人工智能辅助医生,结合最新AI工具(如医学成像、机器学习)和传统方法(如体检、实验室测试)来诊断病人症状的最可能原因。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

David-Li0406/meta-skill-evloving22026년 7월 14일 업데이트

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

David-Li0406/meta-skill-evloving22026년 7월 14일 업데이트

David-Li0406의 스킬 모두 보기

이 스킬의 문제 신고