- 博客(21)
- 收藏
- 关注
原创 【前端07】vue中直接嵌入html页面
vue页面中引入ifraf昂me 标签,一定要注意html页面放的位置!一定要放在public里面,不然看不到。
2024-05-23 09:55:45
998
1
原创 [前端06]关于动态获取数据并统计出现次数的思路
遇到一个数据,比如说status这个字段,有可能出现多种不同的status,我们需要通过后段去获取它并统计次数。(不要在前端把数据写死,尽量杜绝status===‘string’这种形式的判断)
2024-05-21 14:43:40
248
1
原创 【前端03】项目中遇到vue3父子组件和兄弟组件传值的问题
这是父组件页面中使用到的子组件,其中:list=listMsg是父组件要传给子组件的内容。问题1:父子组件传值时,父组件使用异步发送请求,子组件如何接收?答案:子组件可以通过defineProps+watch获取数据。listMsg接收的是一个异步获得的数据。
2024-04-16 15:00:12
279
1
原创 前端学习笔记之使用element ui编写侧边导航时遇到对的错误
编写侧边导航出现以下问题,查看官方文档,文档显示的是subMenu的index是字符串类型和null但是我写的数据确实是字符串问题只需要在后面加上即可
2020-11-10 14:41:17
180
原创 前端学习笔记之关于动态添加dom的方法及vant组件中函数问题
在做前端项目的时候需要用到时间选择器是已动态添加dom的方式<div class="ifShow" v-for="(item,index) in paramConfigDto.screenMng.programList" :key="index"> add() { console.log("add"); this.paramConfigDto.screenMng.programList.push({ beginTime: "",
2020-08-05 16:06:25
1046
原创 前端学习笔记之react脚手架创建项目失败
1.react脚手架的安装npm install -g create-react-app2.创建项目create-react-app 项目名安装时并没有报错,但是创建项目报错如下:百度了很长时间,试了好几种方法,最后发现是yarn有问题。然后执行npm uninstall yarn -g然后再重新安装就可以了!...
2020-05-20 15:28:23
1448
原创 前端学习笔记之vue项目有关滚动标签实现相应页面更新的问题
怎么实现点击上面的滚动标签来实现页面的更新?先从后端获取brotherCategory的数据这里就是标题页面滚动栏的数据,@change调用getList函数,标签变化时(点击标签)就调用此函数,更新一次相应的页面信息。getList函数的作用是发送get请求,获取与滚动标签相应id的页面信息。他的参数有两个cid是指滚动标签的id,如布艺软装的id,抱枕的id…… 第二个参数是page,可以看出传入的为固定值1mounted里面通过对brotherCategory的forEach循环调用.
2020-05-18 12:14:40
322
原创 前端学习笔记之vue项目遇到的问题(与vuex的使用有关)
在做购物车模块的时候,全选按钮一直实现不了。最后发现是因为当前页面的数据可获取的数据不一样。需要增加一行代码实现数据的更新。
2020-05-09 16:11:42
185
原创 前端学习笔记之弹性布局
弹性布局(自己易错点)1.justify-content横向对齐方式flex-start,flex-end,center,space-between(左右贴边平均分布),space-around(左右不贴边平均分布)2.align-items纵向对齐flex-start,flex-end,center,baseline(如弹性盒子元素的行内轴与侧轴为同一条,则该值与’flex-star...
2020-05-02 23:32:23
292
原创 前端学习笔记之守卫导航
路由守卫:路由在跳转之前的验证,当满足条件时才会进行跳转。1.全局守卫:定义在router上的路由守卫,全局范围内有效,只要有路径跳转就会触发该守卫。+router.beforeEach(function(to,from,next){})router.afterEach(function(to,from){})参数:to:代表目标路径对象from:来源路径对象next:用于决定...
2020-04-26 11:57:58
871
原创 前端学习笔记之普通函数与箭头函数中的this指向
普通函数中的this指向this指向为window的:1.普通函数function a(){console.log(this)}window.a()2.定时器函数window.setTimeout(function(){console.log(this)})3.立即执行函数(function(){console.log(this)})()this指向为对象的1.对象的方法...
2020-04-26 11:02:44
235
原创 前端学习笔记之vex-commit与dispatch
vex-commit与dispatch1.Vuex是一个状态管理模式。在这种模式下是一个巨大的“视图“,不管在树的哪个位置,任何组件都能获取状态或者触发行为。2.vuex的核心store我们不能直接改变store的状态,改变store状态的唯一途径就是提交mutation(commit)3.commit与dispatchcommit是同步操作使用:this.$store.commi...
2020-04-20 11:10:07
589
原创 前端学习笔记之computed
关于Vue.js中计算属性(Computed)的认识1.计算属性computed与函数methods在效果上,methods和computed是一样的。但是computed依赖于它的依赖缓存,只有相关依赖发生改变时才会重新取值。(也就是说如果依赖不变只需要加载一次)。而methods则修改一次总会重新调度执行。因此computed的性能更好。2.computed的getter和setter...
2020-04-20 10:48:30
620
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人