vue路由传参主题的文章列表，还有vue路由传参的技术要点_第3页

vue组件传递和vuex状态管理

状态管理：Conststore=Newvuex.store({State:{mssAlert:{Show:false,Msg:'xxx'},ErrorBox:{Show:false,Msg:'sssss'},showMenu:false,Count:1….},Getters:{//类似 vue的compute,监听st...

代码星球 ·2023-02-26

Vue 动态添加路由及生成菜单

不同角色有不同的权限，这时如果管理平台的菜单定义在代码里，显然是不能满足上面的需求，我们就需要后台提供用户菜单，然后前台动态生成路由。1动态添加路由利用vue-router的addRoutes方法可以动态添加路由。请求接口返回菜单格式如下[{"id":"1332194352530083842","pid":"13318...

开发笔记 ·2023-02-02

Vue中watch的详细用法

vue是数据双向绑定，当页面数据发生变化时，我们通过watch可以拿到变化前和变化后的值，之后做一系列操作，下面我们通过例子来解释。1.监听单个值变化<template><div><el-inputv-model="demo"></el-input><div>...

开发笔记 ·2023-02-02

vue的hover事件

使用Vue来实现鼠标悬停效果。可以使用事件处理器v-on指令（简写为：@）来完成。为标签绑定mouseenter以及mouseleave事件即可。<template><div><ul><templatev-for="(item)initems"><li@mouseo...

开发笔记 ·2022-11-17

RIP路由协议的配置

RIP（RoutingInformationProtocol）是最常使用的内部网关协议(InteriorGatewayProtocol)之一，是一种典型的基于D-V算法的动态路由协议。通过UDP（UserDatagramProtocol）报文交换路由信息，使用跳数（HopCount）来衡量到达目的地的距离（被称为路由权...

开发笔记 ·2022-10-19

vue项目中使用v-if判断数组长度length报错

Error in render: "TypeError:Cannotreadproperty'length'ofundefined"解决方法：shopListData.attrs!==undefined&&shopListData.att...

开发笔记 ·2022-05-23

vue深度监听对象

watch:{picker:{//为对象名handler(){//对象内数据变化会执行此方法document.getElementById('nowColor').style.color=this.picker.color},deep:true//深度监听申明字段}} ...

开发笔记 ·2022-05-19

Vue过滤器的使用

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>vue过滤器</title></head><body><divid='app'><h1>{{...

开发笔记 ·2022-05-11

jQuery和Vue操作select示例

jQuery操作select示例<divid="example"><selectid="select1"></select><pid="p1">Result:</p></div><script>$(document).ready(fun...

开发笔记 ·2022-04-22

192.168.1.1 路由器设置

192.168.1.1是路由器最常用的ip地址，路由器所有操作（包括无线密码设置修改、路由器设置、路由器桥接）都需要登陆路由器管理页面，1921.168.1.1登陆打开密码忘记了办法就是恢复路由器出厂设置。...

开发笔记 ·2022-03-22

vue导航条怎样去掉#

VUE默认是hash浏览模式，换成history可以去掉#exportdefaultnewRouter({mode:'history',routes:[]}） ...

开发笔记 ·2021-04-26

Vue（5）- axios、vuex

一、内容回顾1、webpack（前端中工作，项目上线之前对整个前端项目优化）　　-entry：整个项目的程序入口（main.js或index.js）；　　-output：输出的出口；　　-loader：加载器，对es6代码的解析，babel-loader（官网：https://www.babeljs.cn/）是浏览器支...

代码星球 ·2021-02-25

Vue（4）- 获取原生的DOM的方式、DIY脚手架、vue-cli的使用

一、获取原生的DOM的方式　　在js中，我们可以通过id、class或者标签获取DOM元素，vue中也为我们提供了获取原生DOM的方法，就是给标签或者组件添加ref属性，通过this.$refs获取，如下：<divid="app"></div><scriptsrc="https://cdn...

代码星球 ·2021-02-25

Vue（3）- 安装脚手架、过滤器、生命周期的钩子函数、vue-router基本使用

一、安装脚手架1、下载node.js，本文下载版本为node-v8.12.0-x64.msi，一键式安装。2、安装完成后，打开终端，输入node，可进入node环境（两次ctrl+c退出），如下图：3、查看版本，如下图：4、在成功安装node.js（即能够成功查看版本如上图）的前提下，再安装淘宝npm（http://n...

代码星球 ·2021-02-25

Vue（2）- v-model、局部组件和全局组件、父子组件传值、平行组件传值

一、表单输入绑定（v-model指令）　　可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。　　详细用法参见官方文档：https://cn.vuejs.org/v2/guide/forms.html二、局部组件和全局组件1、了...

代码星球 ·2021-02-25