自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 Math.atan ()是什么?

Math.atan()是一个JavaScript内置函数,用于计算反正切值,也被称为逆正弦值。此函数返回一个介于-pi/2至pi/2之间的数值,表示与指定数值相对应的角度。该函数经常用于解决涉及三角函数的问题,例如找到角度的正弦、余弦或正切值。之一,指函数y=tanx的反函数。计算方法:设两锐角分别为A,B,则有下列表示:若tanA=1.9/5,则 A=arctan1.9/5;若tanB=5/1.9,则B=arctan5/1.9。如果求具体的角度可以查表或使用计算机计算。

2023-11-28 15:57:19 1100

原创 怎么在uniapp开发时使用sku插件

下载并使用SKU组件,实现规格展示和交互。,是 uni-app 官方插件生态集中地。SKU---存货单位:库存管理的最小可用单位,通常称为单品。SKU常见于电商领域,对于前端工程师而言,更多关注和。Q:如何评估第三方插件的质量?A:查看插件的,以确保插件具有良好的社区口碑、兼容性、性能和维护状况。

2023-10-10 13:01:08 432

原创 uniapp如何进行表单验证

uni-ui。

2023-10-09 19:50:45 1801

原创 怎么动态设置小程序两个相同页面的title

其次,通过uni.setNavigationBarTitle来动态设置标题。首先,先获取页面参数,将区分两个页面的特征提取出来。例如,该页面区分的特征是有无id值。

2023-10-08 19:07:25 124

原创 如何完成小兔鲜小程序推荐页面的开发逻辑

如果不小于---返回信息: return uni.showToast({ icon: 'none', title: '没有更多数据了~' })通过遍历subtype提取出item与index,并利用v-show去展示当前选中的index的列表。在原本的页码累计之前加上一个条件,条件是当前选项数据是否还有下一页,让当前页码跟页码总数进行比较。如何使页面的active下标随着我们的点击不同的页面而改变呢?如何保证切换不同的index时,页面展示相对应的列表数据呢?当前页码 --- page。

2023-09-24 22:06:31 113

原创 如何实现小程序端 Pinia 持久化

Pinia用法与Vue3项目完全一致,uni-app项目仅需解决问题。

2023-09-21 18:03:00 1095

原创 小兔鲜项目起步该怎么做

项目模板包含:目录结构,项目素材,代码风格。注意事项:小程序真机预览需在。

2023-09-21 17:57:44 44

原创 如何使用命令行和vscode创建 uni-app 项目

vue3 + ts 版。

2023-09-21 17:49:58 313

原创 uni-app 和原生小程序开发区别

【代码】uni-app 和原生小程序开发区别。

2023-09-21 17:27:58 72

原创 如何使用HBuilderX 创建 uni-app 项目

完成创建项目。

2023-09-21 17:19:08 407

原创 解释@click=“$store.commit(‘app/SET_MSGISOPEN‘)“的作用

这段代码是一个`<i>`标签,它使用了Element UI框架的图标类`el-icon-close`。在这个`<i>`标签中,定义了一个点击事件`@click`,当点击这个图标时,会触发`$store.commit('app/SET_MSGISOPEN')`方法。(变更状态的方法)。这里调用了`app/SET_MSGISOPEN`这个mutation,通过调用mutation来改变应用程序的状态。总的来说,这段代码的作用是点击这个图标时,`$store.commit`是。中的一个方法,用于提交一个。

2023-09-15 20:43:27 447

原创 vue2完成列表信息搜索功能

将el-input与queryInfo.query进行数据绑定,添加clear属性令运行完函数getUserList后清空输入框。getUserList函数如上图示。

2023-09-14 21:45:54 178 1

原创 element-ui 面包屑和导航关联的实现

我们只需在配置的路由信息下加入一个meta字段,写上你想要插入面包屑导航栏标题中的内容, meta字段中可加入多个内容,这里我简化的只写了一个title,其实你仍可以添加多项内容,用逗号分隔开就好。其实想要实现图片上的效果非常简单,我们直接使用路由元信息即可解决,关于路由元信息的解答vue-router上面的开发文档写的非常详细,大家可以自行了解下,下面说代码。这样,面包屑导航中就会出现不同路由地址对应的不同标题内容啦!要求面包屑导航里的导航内容随着菜单的切换,也发生切换。

2023-09-11 21:46:48 203

原创 如何保持点击菜单列表后显示高亮状态

由于在整个home一被创建的时候,我们就应该立即从sessionStorage中取到值并给他赋值到ativePath中,所以我们需要在生命周期函数create()中。因为要求点击后显示高亮,所以我们在二级菜单中添加一个点击事件来监听当前所点击的subItem.path并存储。把data中的activePath动态绑定到menu中的default-active中。同时,在data中定义一个activePath存储被激活的链接地址。设置一个函数saveNavState()要求点击菜单中的对应类名后高亮。

2023-09-11 20:29:36 167

原创 怎么改变element.style样式

我们在修改element的默认样式的时候,如果是elemnt.style样式,我们怎样修改style里的值,页面的样式都不会被改变,其实element.style是一中内联样式。我们找到这个代码的原本类名。important才能修改。

2023-09-11 19:57:19 582

原创 如何实现左侧菜单栏改造为路由链接

首先,先在el-menu中添加router属性,令:router="true"让index索引值为path并在前面手动拼接‘/’,最后形成一个合理的url。

2023-09-11 19:16:10 51

原创 侧边栏开发--通过v-for循环渲染列表

首先,通过观察menuList中的数据,我们可以分析出第一层用来渲染一级菜单,第二层的children用于渲染二级菜单。又因为:index中只接受字符串,所以我们需要在item.id后面加上一个空字符串‘’,则满足语法要求。又因为每一个菜单都要有自己唯一的index,所以我们通过item.id作为每个数组的唯一index值。因为我们已经去到了item,且children就在item列表中。在menuList中循环列出item,以item.id为索引值。

2023-09-09 17:22:27 239 1

原创 如果获得后端接口的数据

然后用create函数包裹this.getMenuList(),目的是每次刷新时都向接口发送请求获取数据。最后将res.data赋值给前面已经定义好的menuList列表,从而获取到了后端数据。通过$http向后端发送get请求获取menu,并将获取到的数据解构赋值给res。首先,先在data中定义一个menuList列表。接下来是getMenuList()函数。

2023-09-09 16:38:57 86 1

原创 需要授权的API,必须在请求头中使用Authorization字段提供token令牌

使用intercepter向请求头新建一个Authorization。

2023-09-09 15:21:15 209 1

原创 怎么通过路由导航守卫控制访问权限

定义一个tokenStr来获取浏览器中的token值,如果没有token,则强制跳转到login页面。next:是一个函数,表示放行 例如:next(‘/login’):强制跳转到/login页面。目的:如果用户没有登录,但是直接通过更改URL的方式访问特定页面,需要重新导航到登录页面。我们首先通过beforeEach挂载路由导航守卫。from:代表从哪个路径跳转而来。to:表示将要访问的路径。

2023-09-09 13:32:00 59 1

原创 手把手教你怎么将合并分支到master上

上面的意思就是你有12个commit,需要push到远程master上。然后我们要把dev分支的代码合并到master分支上 该如何?如果是多人开发的话 需要把远程master上的代码pull下来。如果是自己一个开发就没有必要了,为了保险期间还是pull。假如我们现在在dev分支上,可以用下面命令查看当前分支。然后我们把dev分支的代码合并到master上。刚开发完项目,执行了下列命令。首先切换到master分支上。

2023-09-08 21:42:38 362 1

原创 如何通过vue2实现登录功能

根据后端接口文档,我们使用$http向后端login发送post请求,请求参数为前面我们所写好的数组loginForm对象。登录功能第二布就是通过发送axios请求将表单传递的值跟头端接口进行比对,如果用户存在,则返回200,不存在则返回404.登录功能分类两类,第一类是登陆前的预验证,预验证功能所使用的方法为validateField。根据valid的值,如果结果为true则继续进行登录请求,如果为false,则return。最后,完成登录功能,通过编程式导航跳转到后台主页,路由地址是/home。

2023-09-08 21:29:12 630 1

原创 如何实现登录组件的表单重置

先在form表单上添加组件实例对象ref=“loginFormRefs”在methods中写reset函数,调用方法resetFields()然后,为重置按钮添加表单重置点击事件。

2023-09-08 20:27:29 24 1

原创 如何给表单对象添加表单验证

在最外层表单添加验证规则:rules=“验证规则”,在表单内部的各个item中添加prop=“对象名”其次,在script中的data中添加表单验证规则对象。

2023-09-08 20:16:45 32

原创 如何在登录表单中绑定数据对象

同时为form下的password和username也绑定数据对象,实现数据的交互。在所需要绑定的form中添加v-model=“所绑定的data数组对象”在data中写入数组对象。最后页面呈现的效果。

2023-09-08 20:11:40 43 1

原创 安装element-ui时报错npm ERR! ERESOLVE could not resolve修改教程

报错原因是npm7.x对树依赖检查更严格,需要在命令后增加--legacy-peer-deps以规避此报错,在安装其他依赖时如果报错类似也可如此解决,当然也可以将npm降级到6.x甚至更低。所以我们需要在 npm i element-ui -S后加入以下字段,可无视对以来版本的限制。

2023-09-07 12:23:36 1159

原创 使用vue-ui创建一个vue2项目(手把手教程)

使用vue-ui创建一个vue2项目,将Babel,Router,Liner/Formatter,使用配置文件都勾选。点击新建项目,给你的项目命名,并选择合适的存放路径。并初始化git仓库。最后,点击创建项目。一个vue2项目就通过可视化面板创建成功了。选用ESLint+Standard config常规版本。首先我们先通过cmd运行指令 vue-ui。手动选择创建vue2.x。

2023-09-07 12:10:46 369

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除