![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 55
全局搜索“ ”
这个作者很懒,什么都没留下…
展开
-
【Vue】基础复习
vue基础复习watch监听器正常格式:watch:{ (要监听的数据):{ immediate:true // 自动先执行一次 deep:true // 深度监视 handler(newVal,oldVal){ ... } }}简写格式:watch:{ (要监听的数据) (newVal,oldVal){ ... }}此时不能使用immediate和deep要监视的数据:先简原创 2022-04-26 21:33:14 · 308 阅读 · 0 评论 -
【vue2】电商项目复习
【vue2】电商项目复习跑别人项目如果有报错,需要先执行npm i --legacy-peer-deps粘贴文件CSS样式使用.DOC文件的style样式时,因为空格原因会报错,可以先用WPS文档替换一下空格键路由传参参数分params参数路径参数query参数查询字符串想要拿到路径参数需要在路由规则的path上添加:(参数名)例如path:'/search/:keyword'1、字符串形式this.$router.push('/Search/' + this.keyword + '?原创 2022-04-13 21:25:03 · 712 阅读 · 0 评论 -
【Vue2】ref复习
【Vue2】ref复习ref的部分作用如同Jquery中$(''),获取标签DOM元素一样作用一:ref的出现可以在vue项目中获取标签的DOM属性,并且可以修改其样式<h1 ref='h1Ref'>哇哈哈</h1>this.$refs.h1Ref.style.color='red'注释:获取当前vue实例中ref值为h1的DOM元素,并修改其color属性作用二:ref也可以在组件中挂载,可以使用组件的各种方法父组件:<template> &l原创 2022-04-12 12:00:14 · 993 阅读 · 0 评论 -
【Vue2】音乐播放器
【Vue2】音乐播放器需求:1、输入关键词发起axios请求,获取播放列表2、点击播放按钮,根据点击的数据id值,发起axios请求获取音频播放路径,并在<audio>标签下的src属性使用该路径,并使黑胶唱片区域开始动画3、根据播放时的音频id值,发起axios请求获取热门留言区域4、当点击MV图标时,根据选择视频的id值发起axios请求,播放对应视频,点击空白区域暂停并退出视频遇到的问题:问题一:多次重复写了axios根路径代码不足够简洁,利用率不高,没有复用性应当原创 2022-04-11 20:48:20 · 844 阅读 · 0 评论 -
【Jquery】点击列表实现对应的内容展示
点击列表实现对应的内容展示需求:点击tab栏中的某个P标签,在下列展示相对应的电器解决方法:正确的方法!!!// 导航栏切换并显示效果 $('.index-nav p').on('click',function () { // 对点中的按钮添加类,其兄弟删除类 $(this).addClass('nav-active').siblings('p').removeClass('nav-active') // 定义所有的block-ico va原创 2022-04-10 16:52:52 · 1391 阅读 · 0 评论 -
【Jquery】按钮切换效果
按钮切换效果需求:点击按钮,实现高亮或熄灭背景:该六个盒子使用art-template渲染出来的,非流式布局,所以无法直接遍历按钮解决方法:方法一:<div class="close-btn {{$value.status ? 'is-open' : ''}}" onclick="$(this).is('.is-open') ? $(this).removeClass('is-open'): $(this).addClass('is-open');" > <i原创 2022-04-09 10:53:13 · 558 阅读 · 0 评论 -
【template】template复习
template使用步骤:1、导如template.js包<script src="https://unpkg.com/art-template@4.13.2/lib/template-web.js"></script>2、自定义template模板注意:模板格式<script id="tpl" type="text/html"> <!-- 遍历传入的数据 --> {{each data}} {{/each}}原创 2022-04-08 11:54:07 · 45 阅读 · 0 评论