程序人生

vue router-link传参以及参数的使用实例

1.路径: http://localhost:8081/#/testname=1 router-link :to="{path:'/test',query: {name: id}}"跳转/router-link(id是参数) 使用:this.$route.query.id 2.路径: http://localhost:8081/#/test/1 router-link :to="'/test/'+id"跳转/ro...

程序人生

jQuery实现checkbox的简单操作

对复选框组的全选、全不选、不全选,获取选中的复选框的值的操作 1.点击全选按钮,复选框组全部选中或者全部取消。 2.实现全选按钮和复选框组的联动,当复选框组中有一个没有被...

程序人生

Vue-Router实现组件间跳转的三种方法

通过VueRouter来实现组件之间的跳转,供大家参考,具体内容如下 提供了3种方式实现跳转: ①直接修改地址栏中的路由地址 !doctype htmlhtml head meta charset="UTF-8" title/title script src="js/vue.js...

程序人生

详谈DOM简介及节点、属性、查找节点的方法

DOM(Document Object Modle) 操作文档的编程接口 DOM定义了表示和修改文档的方法,不能修改css样式表,在js中使用DOM方法改变元素的css样式,实质上是在元素上添加行间样式。 DOM对象就是宿主...

程序人生

深入理解Vue 单向数据流的原理

单向数据流是什么 单向数据流指只能从一个方向来修改状态。下图是单向数据流的极简示意: 单向数据流的极简示意 与单向数据流对对应的是双向数据流(也叫双向绑定)。在双向数...

程序人生

vue中路由验证和相应拦截的使用详解

在web项目中,经常需要根据是否登录进行路由的验证和相应的拦截。 首先,在vuex里的store.js里边写一个存放登录状态,代码如下 import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export defaul...

程序人生

浅谈vue2 单页面如何设置网页title

前端框架如Vue、React等都是单页面的应用,也就是说整个web站点其实都是一个index页面,所谓的页面跳转都是替换index.html里边的内容,而页面的title是在每个页面初始化的时候才设置一次...