- 博客(28)
- 收藏
- 关注
原创 v-if/v-else的使用
v-if 也有自己的独特之处。1.在模板中直接使用:v-if 是在 Vue.js 的模板中使用的指令,可以直接在 HTML 的标记中使用,而不需要将条件逻辑放在 JavaScript 中。2.自动响应式更新:Vue.js 中的数据绑定机制会自动将 v-if 的条件表达式与数据进行绑定,当数据发生变化时,v-if 可以自动更新 DOM 结构来反映新的条件。3.条件销毁:除了条件渲染,v-if 还可以用于条件销毁,即当条件不满足时,v-if 会将对应的 DOM 元素从 DOM 树中移除,以提升性能。
2023-11-05 20:53:37
343
原创 如何用前端做出3D页面
为了能更快的下载脚手架首先我们需要输入下方命令安装淘宝镜像查看node.js版本nvm ls更换node.js版本然后输入下方命令开始安装。
2023-10-26 20:22:17
871
原创 实现远程签到功能
后端使用纯java spring boot框架,无数据库,性能极佳。联系邮箱:xssq402315731@gmail.com。图片签到可以签到成功但是没有图片(教师端看不到图片)二维码签到需要扫描二维码(过期二维码也可以)可选时间有30/60/120分钟。点击"应用设置"可退出登录。可选课程即自己的课程。选择好后点击确认即可。
2023-06-23 20:08:28
5437
3
原创 组件与组件间的通讯(跨页面传值)
在做uniapp页面时想要实现组件与组件间的通讯,奈何基础不扎实只能重新查找资料,于是写下这篇文章以便后续使用以及该方法此方法中传入的e值就是在uni.$emit中的对象。
2023-05-02 18:50:46
191
原创 uniapp解决跨域问题以及uni.request的封装
在使用uniapp做小程序的时候发现了跨域问题以及uni.request的封装问题,于是写下此篇博客以便后续使用。
2023-04-25 20:46:27
2629
原创 电商后台管理系统(前端)
电商后台管理系统(前端)前言一、配置环境在vue2中引入element-ui、axios、router① 引入element-ui②引入axios③引入router二、登录组件的实现登录布局与实现①登录布局②登录组件表单的数据绑定③实现表单的重置④登录前的校验⑤路由导航守卫控制访问权限三、主页面的实现主页面的布局①主页菜单布局②通过接口获取菜单数据③实现退出功能④通过接口获取菜单数据⑤用户列表开发⑥实现添加功能⑦实现修改功能⑧实现删除功能实现权限管理功能①实现权限列表功能②角色列表前言跟着编写电商后台管
2023-04-25 16:50:03
2461
1
原创 element中dialog遮罩层覆盖弹框问题
使用的element-UI这个库时使用<el-dialog></el-dialog>时对话框时发现弹窗被遮盖层覆盖只需要为<el-dialog>加入append-to-body="true"就可以解决此问题官方文档:
2023-04-20 15:18:12
749
原创 路由的嵌套
1.新建页面Welcom作为Home的子组件2.在路由中引入Welcom组件3.在home路由规则中添加children并添加Welcom路由规则
2023-04-14 11:21:42
67
原创 配置并使用路由
/使用vue2要使用路由版本3 npm install --save vue-router@3。点击Login后显示Login组件中的页面。且切换到login路由。
2023-04-11 21:14:11
97
原创 配置代理服务器解决跨域问题
代理服务器配置在前端中,让页面把请求发送给代理服务器,代理服务器再转发给后端(服务器之间的通讯不需要用ajax)这里的解释非常明确,当即我就确定了原来是我的页面和后端接口域名和端口不同。前面为代理服务器链接,后面/userInfo/login为想要访问的路由。例如前端页面域名和端口号为:http://localhost:8080。后端为 :http://xsss:9000。没有这个文件夹创建一个新的vue.config.js,配置。我觉得这种方法比较简单也比较适合我:配置代理服务器。这样就能解决跨域问题。
2023-04-11 20:35:18
822
原创 Vue基础笔记
2.所有不被Vue所管理的函数(定时器 的回调函数 ,ajax的回调函数),最好写成箭头函数,这样this的指向才是vm或 组件实例对象。2.双向数据绑定(v-model):数据不仅可以从data流向页面也可以从页面流向data。Ⅱ、Vue未提供别名的按键,可以使用按键原始的key值去绑定,但要注意转为kebab-case(短横线命名)1.6{{***}} ***要写js表达式,且***可以自动读取到data中的所有属性。3.可遍历:数组、对象、字符串(用的很少)、指定次数(用的很少)
2023-02-14 17:42:49
1426
原创 ES6学习笔记
/箭头函数无this指向 ,箭头函数内部this值只能通过查找作用域链来确定,一旦是用箭头函数,当前就不存在 作用域。添加元素add()、删除元素delete()、校验某个值是否在set集合里面has()、集合长度(size)//如果用Symbol定义的对象中的变量 ,取值时一定要用【变量名】、Symbol定义的对象无法遍历。//原数据类型 Symbol,他表示的是独一无二的值、、最大用途:用来定义对象的私有变量。添加元素 set(),删除元素delete(),校验has(),取值get()
2022-12-16 13:43:08
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人