![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
冷雨温喉
这个作者很懒,什么都没留下…
展开
-
devDependencies与dependencies区别
devDependencies :命令:npm i xxx --save -dev 同 npm i xxx -D开发依赖,开发的时候需要运行的辅助的依赖,比如webpack打包工具,babel编译,只需要在开发中使用,生产环境不必要用。dependencies命令:npm i xxx --save 同 npm i xxx -S生产依赖,例如项目用的框架vue或者UI框架ElementUI等,生产环境依旧需要这些依赖。...原创 2022-01-07 08:51:24 · 640 阅读 · 0 评论 -
使用vue的绑定类名功能写选项卡
类似于这样的一个选项卡,content模块的li首先设置全是隐藏,表达式正确添加对应类名,让对应li显示,其他隐藏。html代码: <div> <ul class="tab-title"> <li v-for="(item,index) in tabArr" :key="index" @click="handleList(index)" :class="{active:index==current}"> &原创 2021-01-28 17:52:27 · 241 阅读 · 1 评论 -
JS给小数点两侧的单个数字添加效果
最近写项目的时候实现了一个这样的效果具体是这样实现的:思路是如果该数字含小数点,则分割左右两侧数据使它分成单个的数字,然后拼接渲染列表,如果不含小数点,则隐藏小数点,并且只渲染小数点左侧列表注:代码是Vue版本的,每个数字后边是一张背景图片,在这里:html代码: <div class="center-data"> <ul class="point-left in-one-line"></ul>原创 2021-01-28 17:26:56 · 190 阅读 · 0 评论 -
vue获取上一个路由地址
项目中我们会遇到需要根据上一个路由地址来改变组件内一些变量的情况,这时候就需要用到组件内的路由守卫beforeRouteEnter注意,在路由进入之前,组件实例还未渲染,所以无法获取this实例,只能通过vm来访问组件实例,使用vm代替this访问data的数据beforeRouteEnter(to, from, next) { next(vm=>{ if(from.path == '/download/data_downlaod'){ vm.in原创 2020-08-19 16:24:54 · 7492 阅读 · 0 评论 -
vue项目中引用swiper按钮点击失效问题
首先vue项目引入swiper组件需要先下载依赖npm install vue-awesome-swiper --save然后引入,import { Swiper, SwiperSlide } from 'vue-awesome-swiper'先上一段代码,<template> <div class="swiper-c"> <swiper :auto-update="true" class="actor-list" ref="mySw原创 2020-08-18 18:17:37 · 3592 阅读 · 3 评论 -
子组件调用父组件中的方法
父组件把方法传入子组件中,在子组件中直接调用这个方法通过绑定属性的方法传方法名给子组件,组件通过props接收,子组件中通过this直接调用父组件中的方法<child :parentMethod= “parentMethod”></child>prop:{ parentMethod:{ type : Function, ...原创 2020-04-28 18:58:45 · 278 阅读 · 1 评论 -
监听屏幕宽高
window.addEventListener("resize",()=>{ this.screenHeight=document.documentElement.clientHeight; this.screenWidth=document.documentElement.clientWidth;})绑定监听屏幕宽高事件...原创 2020-04-28 18:51:32 · 166 阅读 · 0 评论