51Dev开发社区
登录 注册

#vue路由传参

vue 中router-link下方的横线如何去除
1.router-link-active{//点击时去掉下划线2text-decoration:none;3}45a{6text-decoration:none;//去掉原有链接文字下划线7} ...
代码星球 ·2020-12-17

vue中使用swiper做轮播页面，标题样式随着轮播页面改变而改变
知识点:标题组件与轮播组件之间交互（vue兄弟组件之间传值）兄弟之间传递数据需要借助于事件车，通过事件车的方式传递数据1、创建一个Vue的实例，让各个兄弟共用同一个事件机制。2、传递数据方，通过一个事件触发bus.$emit(方法名，传递的数据)。3、接收数据方，通过mounted(){}触发bus.$on(方法名，f...
代码星球 ·2020-12-17

vue.js指令v-for使用以及下标索引的获取
在 v-for 代码块中，我们可以完全地访问父级作用域下的属性。v-for 还支持可选的第二个参数，作为当前项的索引。也可以使用 v-for 来遍历对象的属性。还可以提供第二个参数，作为对象的键名(key)：<body><divid="box">...
代码星球 ·2020-12-12

Vue生命周期函数钩子
所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created:()=>this.fetchTodos())。这是因为箭头函数绑定了父上下文，因此 this与...
代码星球 ·2020-12-12

Vue日历控件
<html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>测试</title><!--引入样式--><li...
代码星球 ·2020-12-12

使用vue-cli编写todolist组件
工程结构  启动工程npmrundevTodoList.vue<!--模板--><template><div><div><inputclass="item"v-model="inputValue"/><button@click="su...
代码星球 ·2020-12-12

vue-cli脚手架的安装
环境依赖：必须安装node验证node是否安装node-vnpm-v对应显示版本号即可，如下图：   全局安装vue-clinpminstall--globalvue-cli如安装过程中安装较慢或较慢，使用手机4G热点安装，亲测好用。安装成功如下：C:UsersAdministrator&...
代码星球 ·2020-12-12

Vue基础入门学习
vue安装下载地址https://cn.vuejs.org/v2/guide/installation.html版本选择选择开发版本下载  如何引入直接用<script>引入，直接下载并用<script>标签引入，Vue会被注册为一个全局变量。<scriptsrc="j...
代码星球 ·2020-12-12

tl-wr742n无线路由器怎么设置
tlwr742n无线路由器的设置方法如下：1、宽带总线（猫出来的网线）连接路由器的WAN口。2、将网线一头连接路由器任意LAN口，一头连接电脑，启动电脑和路由器设备，也可以通过手机连接无线路由器； 3、启动设备后，电脑或手机打开浏览器，在地址栏中输入192.168.1.1进入无线路由器设置界面。（不同的路由器...
代码星球 ·2020-12-12

vue中部分api解释 （$nextTick）
1：this.$nextTick(function(){})传如的参数是一个函数这个API主要是获取dom元素为什么需要这个api，在vue框架开发中，更新dom是一个异步操作，如果更新完dom，第一时间获取的dom不是最新的dom还是之前的dom，因为更新dom是异步的，所以提供了这个API就是可以在更新完dom元素...
代码星球 ·2020-12-10

vue中的钩子函数的理解
接下来我们对几个钩子函数进行解释beforeCreated：这个钩子函数实在vue实例创建后，触发的。这个时候还没有进行data里的数据监听和事件的初始化其实大家很多时候都会在created钩子函数中是调用事件，那么这个数据监听和事件初始化就是在beforeCreated之前和created之后进行的。beforeMo...
代码星球 ·2020-12-10

vuex 中五大核心以及map函数的应用
什么是vuex?我理解的vuex就是数据和状态的管理如果在模块化构建系统中，请确保在开头调用了Vue.use(Vuex)五大核心：conststore=newVuex.Store({state:{},mutations:{}action:{}getter:{}module:{}})1:state的使用：state是用来...
代码星球 ·2020-12-10

vue 动态路由按需加载的三种方式
　在Vue项目中，一般使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如：importHellofrom'@/components/Hello'importBoyfrom'@/components/Boy'importGirlfrom'@/components/Gi...
代码星球 ·2020-12-10

vue 中使用keepAlive状态保持
 　　keepAlive状态保持1主要实现原理，状态保持的路由不会执行生命周期的钩子函数，只有第一次进入页面会执行钩子函数。2设置当前页面保持keepAlive直接在路由meta中配置即可meta{keepALive:true}<keep-alive><router-viewv-if="$r...
代码星球 ·2020-12-10

全局组建封装（挂载到vue实例的原型中，通过this访问）
主题：组建的封装 一：install注册的全局封装（v-grid九宫格组建）            1.九宫格的封装主要有三个api点击功能每行个数是否隐藏边框  &nb...
代码星球 ·2020-12-10
首页上一页...5253545556...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他