
前端
文章平均质量分 86
—丫丫
undefined
展开
-
uniapp商城项目之商品详情
pages下新建一个文件夹goods——> goods.vue,在分类category.vue父组件中确保传递商品的id,goods.vue中接收传递过来的id。点击送至和服务均打开弹出层,准备两个vue,商品goods.vue导入后,将其放在uni-popup中。商品详情里轮播图滑动切换时,右下角更新自定义下标,当图片被点击时放大预览。获取页面参数,根据商品的id查询到某个商品的详细信息展示给用户。关闭按钮在子组件,要调用父组件的弹出层关闭(子调父)原创 2025-01-24 15:54:50 · 871 阅读 · 0 评论 -
uniapp商城之商品分类
由于类型为unknown,修改为如下保存数据,鼠标滑过res,出现类型。原创 2025-01-24 11:55:28 · 996 阅读 · 0 评论 -
【信贷后台管理之(五)】
文章目录目录结构一、面包屑组件封装二、退出登录接口联调三、申请列表的菜单路由3.1 路由创建,表格编写3.2 列表接口调用3.3 出生日期转变3.4 申请状态3.5 申请列表的操作3.5.1 编辑删除提交操作3.5.2 禁用状态3.5.3 操作接口3.5.4 搜索查询3.5.5 申请列表分页功能3.5.6 申请列表编辑功能目录结构一、面包屑组件封装在components下新建BreadCrumb.vue组件自动获取列表面包屑,定义route放在computed自动获取属性里,定义matched接原创 2024-04-08 15:01:46 · 809 阅读 · 1 评论 -
【信贷后台管理系统之axios的二次封装(四)】
src下新建api文件,user.js,引入封装的reques(axios的二次封装),登录后可以打印20000数据,打印出token,然后将token加上。// 密码校验,长度不小于8位且不大于20位字符,必须包含大写字母,小写字母,数字和特殊符号。在src文件的views的loan文件下的IndexView.vue文件里引入并使用。在src下新建api文件,该文件下新建loan.js,引入request。在request.js文件里引入axios,router。/*上面贴着父元素,居于中间*/原创 2024-04-02 10:32:42 · 1046 阅读 · 0 评论 -
【信贷后台管理系统之贷款申请页面(三)】
文章目录目录结构目录结构贷款申请路由跳转,添加路由贷款申请页面,表单实现信息填写,利用element-ui的卡片实现每块表单,并在最后一个卡片下添加立即创建和重置按钮,并设置相应的校验在src下的views下新建IndexView.vue<template> <div> <el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-card原创 2024-04-01 14:57:52 · 1247 阅读 · 0 评论 -
【信贷后台管理系统之首页】
文章目录目录结构一、布局设置目录结构一、布局设置创建一个layout文件夹,layout.vue。容器里存放页面的整个布局规划,使用到element-ui的container布局容器。为实现组件化管理,将aside,header部分单独放在components组件,然后在layout.vue布局里直接引用。aside是导航栏,header里右边有个admin可实现下拉菜单进行退出登录。layout.vue代码如下:<template> <div> <原创 2024-04-01 10:33:46 · 796 阅读 · 0 评论 -
【信贷后台管理之登录(一)】
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档。原创 2024-03-29 15:01:48 · 805 阅读 · 0 评论 -
【Vue3(八)】
实现如下效果:创建两个组件,在App.vue里引入</</setup nameimportfrom;importfrom;</</计算组件Count.vue。原创 2024-03-28 14:10:37 · 1861 阅读 · 0 评论 -
【vue3(七)】
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考在src下新建types文件夹,新建index.ts,定义一个接口,用于限制对象的具体属性Hooks可以实现模块化,即一个功能的数据和方法单独放在一个useXxx.ts文件。想要实现数组里存放的图片,点击按钮便增加一张图考虑若地址访问错误返回异常。原创 2024-03-25 17:58:25 · 1169 阅读 · 0 评论 -
【Vue3之watch监视(六)】
文章目录前言一、场景一二、场景二三、场景三四、场景四五、场景五watchEffect前言作用:监视数据变化特点:Vue3 的watch只能监视以下四种数据1. ref定义的数据,而不是其.value2. reactive定义的数据3. 函数返回一个值(getter函数)4. 一个包含上述内容的数组一、场景一监视ref定义的基本类型数据,当求和大于10时停止监视<template> <div class="person"> <h1>场原创 2024-03-22 14:50:44 · 1024 阅读 · 0 评论 -
【Vue3之toRefs与toRef(五)】
可以参考:https://blog.csdn.net/cookcyq__/article/details/121618833。原创 2024-03-22 10:37:44 · 188 阅读 · 1 评论 -
【Vue3之computed属性(四)】
理解computed属性,实现输入姓和名得出全名并双向绑定,区分单向绑定和双向绑定。测试computed属性和方法的区别。原创 2024-03-22 10:09:33 · 526 阅读 · 1 评论 -
【Vue3之响应式数据(三)】
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。原创 2024-03-21 17:08:37 · 682 阅读 · 1 评论 -
【Vue3之setup语法糖(二)】
再添加一个script标签里面放setup,不需要写return返回值了。两个script,一个用于显示vue的名,一个用于放setup。原创 2024-03-21 15:00:44 · 264 阅读 · 1 评论 -
【vue3学习之路(一)】
参考视频:https://www.bilibili.com/video/BV1Za4y1r7KE?1.Vue3的setup和vue2传统的配置项(data,methods)可不可以同时写?若冲突,以谁为主?答:vue2的选项式语法可以和vue3的setup共存。data,methods可以和setup同时存在。data可以读取setup里的数据,setup不能读取data里数据-- <h2>姓名:{{a}}</h2>--> <!原创 2024-03-21 14:25:04 · 465 阅读 · 1 评论 -
【vue通用后台管理之Echarts(六)】
文章目录前言一、首页Echarts图1.下载echarts并引入2.初始化实例前言一、首页Echarts图绘制折线图,柱状图和饼图。将折线图放在一个el-card里,将柱状图和饼图放在一个div容器里的两个不同的el-card,实现鼠标滑过会出现阴影的效果。1.下载echarts并引入控制台 npm i echarts@5.1.2并在Home.vue引入2.初始化实例初始化实例并配置数据,处理x轴数据最后应用Home.vue代码如下<template> <el原创 2024-03-20 14:40:51 · 2193 阅读 · 1 评论 -
【vue通用后台管理(五)】
学习参考网址:链接:link。原创 2024-03-20 11:48:12 · 813 阅读 · 1 评论 -
【Vue后台通用管理(三)】
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、左侧栏一级菜单优化1.将菜单数据写入CommonAside.vue2.使用计算属性来对不同用户的权限管理3.对数据进行遍历二、二级菜单显示三、菜单样式显示1.设置整个左侧导航栏的背景色以及字体色2.将左侧导航栏往下铺满页面2.脚手架使用less解析器2.1 控制台下载less2.2 页面设置2.3 取消默认边框设置四、菜单实现路由跳转4.1定义路由index.js4.2 创建路由vue4.3 index.js引入路由4.4原创 2024-03-18 14:06:08 · 1961 阅读 · 1 评论 -
Element-UI在webstorm的安装使用
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考参考文档:https://blog.csdn.net/qq_44706779/article/details/120936543。原创 2024-03-14 16:34:56 · 3252 阅读 · 1 评论 -
【ECharts学习】
webstorm的学习一、简单了解webstorm?二、webstorm实现可视化(html)1.ECharts官网下载方法2.折线图实例3.柱状图实例4.饼图实例三、webstorm创建vue项目1.安装vue-cli和webpack2.使用webstorm创建vue项目四、ECharts嵌入到vue项目1.安装echarts2.绘制图表一、简单了解webstorm?WebStorm是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”“最强大的原创 2024-03-13 18:57:05 · 1171 阅读 · 0 评论