GuLi商城-前端基础Vue-指令v-if、v-show、v-else、v-else-if

最新推荐文章于 2025-12-27 19:25:02 发布

原创最新推荐文章于 2025-12-27 19:25:02 发布 · 393 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #javascript

GuLi商城专栏收录该内容

88 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Docu

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ZHOU_VIP

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

前端必知必会-Vue v-if 指令

qq_24018193的博客

02-04

2669

本文介绍了Vue v-if 指令的使用，如有问题欢迎私信和评论。

谷粒商城-分布式微服务项目-基础篇

2302_80480374的博客

04-09

1248

市面上有5种常见的电商模式B2BB2CC2BC2CO2O；1B2B模式，是指商家与商家建立的商业关系。如：阿里巴巴2B2C模式，就是我们经常看到的供应商直接把商品卖给用户，即商对客模式，也就是通常说的商业零售，直接面向消费者销售产品和服务。如：苏宁易购、京东、天猫、小米商城3C2B模式，即消费者对企业。先有消费者需求产生而后有企业生产，即先有消费者提出需求，后有生产企业按需求组织生产4C2C模式，客户之间自己把东西放上网去卖，如：淘宝，闲鱼5。

参与评论您还未登录，请先登录后发表或查看评论

谷粒商城-基础篇(详细流程梳理+代码)

每个人都是独一无二的，把握好自己的节奏，跟着自己的心走。

11-08

5435

目前博主正在学习谷粒商城项目中，正在不断更新中…博客目录索引(持续更新)在一般的电商平台上就包含有三级分类：核心字段：parent_cid（父类id）、sort（排序字段）我们的多级分类是根据父类id来进行划分的，一级分类就是为0，对应二级分类的parent_id就是0，同理三级分类的parent_id就是1。

谷粒商城-分布式基础【业务编写】

HGW的博客

03-31

2160

谷粒商城-分布式基础【业务编写】

谷粒商城-04-P44-P60

weixin_45041878的博客

05-11

649

商品服务-api-三级分类-递归查询树形数据结构获取 1、导入数据向数据库gulimall_pms中的表pms_category导入数据，脚本如下： DROP TABLE IF EXISTS `pms_category`; CREATE TABLE `pms_category` ( `cat_id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '分类id', `name` char(50) DEFAULT NULL COMMENT '分类名称', `

guli商城业务逻辑-基础篇笔记

这个人很懒什么都没有留下

06-16

1438

删除只能使用逻辑删除，也就是把数据库里的删除字段从0改成1，数据不可以真正的删除掉，所以就要用到mybatis-plus的逻辑删除来执行数据库操作。找到我们之前逆向生成的代码，用的是人人代码逆向生成项目生成的，具体流程看我之前的文章。因为接口的后端api地址跟后台地址不一致，需要通过注册api网关的方式转发来解决。这里先处理人人后台的后端，后面在对接上guli的接口。单独创建一个异常类，他的作用就是用来统一处理异常的。为了避免重复的造轮子，先创建出来一个公共的类category.vue。

谷粒商城-基础篇-商品服务1-三级分类（P45-P58）

ljn1046016768的博客

04-21

2381

谷粒商城-基础篇商品服务-API 三级分类

谷粒学院-笔记

m0_53979927的博客

09-17

666

（简称 MP）是一个的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。

10.java项目-尚医通（10）

hutc_Alan的博客

08-08

982

java项目-尚医通（10），主要包括用户订单管理，微信支付，取消预约，就医提醒功能，预约统计

谷粒商城基础篇

海涛帅帅的博客

08-16

2258

必看本文很多的东西都来自这位大佬的文档仓库地址架构&介绍环境的搭建简单的操作我使用的vagrant是我自己打包好的，可观看该博客自定义box，或者在博客最下面找到云盘地址创建模块gulimall-coupon、gulimall-member、gulimall-order、gulimall-product、gulimall-ware 创建虚拟机（建议使用vagrant），在里面安装docker。并使用docker 运行mysql、redis、nacos。可以进入guli

"use strict"; Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" }); const common_vendor = require("./common/vendor.js"); const utils_request = require("./utils/request.js"); if (!Math) { "./pages/index/index.js"; "./pages/nearbystores/nearbystores.js"; "./pages/detail/detail.js"; "./pages/center/center.js"; "./pages/order/order.js"; "./pages/orderDetail/orderDetail.js"; "./pages/verify/verify.js"; } const _sfc_main = { onLaunch: function() { common_vendor.index.login({ provider: "weixin", //使用微信登录 success: async function(loginRes) { let code = loginRes.code; const result = await utils_request.request(`/auth/h5/login/${code}`); if (result.code === 200) { console.log(result.data); common_vendor.index.setStorageSync("token", result.data.access_token); const userResult = await utils_request.request("/user/userInfo/getLoginUserInfo"); if (userResult.code === 200) { common_vendor.index.setStorageSync("userInfo", userResult.data); } else { common_vendor.index.showToast({ title: "获取用户信息失败" + userResult.msg }); } } else { common_vendor.index.showToast({ title: "授权登录失败" + result.msg }); } } }); }, onShow: function() { console.log("App Show"); }, onHide: function() { console.log("App Hide"); } }; const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "C:/Users/liuyuan/Desktop/test/guli-chongdian/App.vue"]]); function createApp() { const app = common_vendor.createSSRApp(App); return { app }; } createApp().app.mount("#app"); exports.createApp = createApp;

06-04

if (res.code) { // 将 code 发送到后端服务器 wx.request({ url: 'https://api.example.com/login', // 后端登录接口地址 method: 'POST', data: { code: res.code }, success: function (response) { ...

谷粒学院（十）课程管理模块 | 课程大纲列表 | 二级联动 | 富文本编辑器

LXYDSF的博客

02-27

1044

谷粒学院（十）课程管理模块 | 课程大纲列表 | 二级联动 | 富文本编辑器

从命令式跳转到声明式路由：前端、Android、Flutter 的一次统一演进

Mark Wu 的博客

12-25

1185

本文探讨了前端、Android和Flutter平台中路由系统的本质共性。作者指出，尽管各平台API和实现细节不同，但都采用了"声明式路由+全局导航治理"的核心模式。文章分析了命令式跳转在复杂项目中必然失控的原因，阐释了声明式路由将跳转行为转化为状态映射的思想转变。通过对比三种平台的路由实现（前端路由表、Android ARouter和Flutter go_router），揭示了它们共同的抽象维度。最后强调全局导航治理是复杂应用的必然选择，指出理解这一共性有助于快速掌握新技术。

vue v-for 列表渲染指令注意

最新发布

KLW75

12-27

217

3、指令遍历的目标是一个正整数n时，其一般用于让当前模板在1～n的取值范围内重复产生n次，value为从1开始到n为止依次递增的数值。v-for指令可以遍历多种不同类型的数据，数组是较为常见的一种类型，当然类型还可以是对象或数值。value为被遍历的obj对象的属性值，name为属性名。令遍历一个对象时，遍历的是对象自身所有可遍历的属性。

视频尾帧提取功能实现详解 - 纯前端Canvas API实现

shuishen49的专栏

12-26

677

视频尾帧提取技术实现本文介绍了一种纯前端实现的视频尾帧提取功能，主要特点包括：纯前端解决方案：使用Canvas API直接从视频元素提取帧，无需后端支持灵活提取选项：支持提取视频最后1-10秒内的帧，每选项固定提取10帧关键技术实现：双重requestAnimationFrame确保帧完全渲染均匀分布时间点算法视频状态管理机制该功能适用于视频续写创作、关键帧提取等场景，实现了高效的前端视频处理能力。

软件工程实践——个人技术博客

Nakkhon的博客

12-25

1009

卫生评估用于宿舍卫生检查的“前后对比”：用户在小程序上传打扫前/后的两张图片，后端 Spring Boot 接收后转发给评估服务，再将返回的清洁度分数与指标解析为结构化结果或可读报告供前端展示。该技术适用于需要减少人工检查主观性、提高检查效率的场景，难点集中在跨端图片上传协议、评估结果的可解释性、以及外部评估服务的可配置与稳定联调。

Fidelity充电桩投资理财系统源码-前端uniapp纯源码+后端PHP

bailukeji的博客

12-25

319

Fidelity充电桩AI量化投资理财源码/前端uniapp纯源码+后端PHP测试环境：Linux系统CentOS7.6、宝塔面板、Nginx、PHP7.2、MySQL5.7，运行目录public，伪静态thinkphp，建议开启SSL全开源的一套投资理财源码，可以改成任意产品，前端uniapp纯源码，后端FastAdmin框架里面有点混乱，有民宿的产品、虚拟货币的产品、充电桩、AI量化产品，反正有点乱，但是程序是完整的，功能全都是正常可以使用，别人卖钱的东西，给会员的福利。

ModelEngin平台开发工作流，“前端职业导航师”通过直观的图形化界面，让用户像“搭积木”一样，轻松串联各种智能节点

2301_79651252的博客

12-26

832

本文介绍了ModelEngine智能体平台的核心功能与应用场景。平台通过可视化工作流编排，支持多智能体协作和企业系统集成，提供大模型调用、条件分支、结果输出等节点功能。相比Dify和Coze，ModelEngine更强调企业级复杂业务工作流的全生命周期治理。其拖拽式界面降低了技术门槛，使业务人员也能快速构建智能文档审查、客服机器人等应用。平台注重工程化能力，提供知识溯源、调试工具等特性，助力开发者高效实现AI应用落地。

WebStorm配置与插件

michael_linux的博客，一个小小小学生。滴水穿石，步步为营，只为那刹那芳华。

12-27

248

1、插件px2rem 2、插件less转css