- 博客(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
原创 怎么动态设置小程序两个相同页面的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
原创 解释@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关注的人