前段时间接到一个开发任务,涉及到路由跳转,并且伴有参数传递。于是猝不及防的掉入了$router的坑。在使用this.$router.push跳转路由的时候,涉及到两种参方式,需要注意的是,params参数需要使用name来引导,query参数需要使用path来引导。例子如下:方式一: 页面A:   使用query,需要使用path引导,以get方式传递数据。url地址栏格式
转载 2023-07-05 21:59:50
217阅读
自定义的私有组件,不能访问vm实例中的数据 1、父组件向子组件在使用私有组件的时候,通过属性绑定的形式,把需要传递给子组件的数据,以属性绑定的形式传递到私有组件中<div id="app"> <!-- 1、在使用组件的时候,使用绑定命令,将所需要的VM实例数据绑定到私有组件中 --> <com1 v-bind:parent
转载 2023-07-22 23:25:17
103阅读
# Vue.js获取父页面 ## 导言 Vue.js是一款用于构建用户界面的渐进式JavaScript框架。在开发过程中,经常会遇到需要获取父页面的情况,本文将详细介绍如何实现Vue.js获取父页面的方法。 ## 整体流程 下表展示了整个获取父页面值的流程: | 步骤 | 描述 | | ------ | -
原创 2023-08-20 08:31:37
810阅读
# Vue.js渲染页面 Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它提供了一个专注于视图层的解决方案,让开发者可以更轻松地构建交互式的Web应用程序。在本文中,我们将详细介绍Vue.js的渲染页面过程,并提供相应的代码示例。 ## 渲染页面的基本流程 Vue.js的渲染页面过程可以分为以下几个步骤: 1. 创建Vue实例:首先,我们需要创建一个Vue实例,以便于
原创 2023-08-10 04:12:00
294阅读
# 使用Vue.js实现登录页面 ## 1. 概述 在本文中,我将向你介绍如何使用Vue.js实现一个简单的登录页面Vue.js是一种流行的JavaScript框架,用于构建用户界面。它具有轻量级、灵活和易于学习的特点,非常适合用于构建交互性强的页面。 ## 2. 实现流程 首先,我们来看一下整个实现登录页面的流程。下面是一个流程图,描述了实现登录页面的主要步骤。 ```mermaid
原创 2023-08-24 07:58:00
572阅读
vue.js 上传formData数据到后台(其他js类似) 调用方式还是通过post方式请求类型要设置一下config.headers["content-type"] = "multipart/form-data"; 然后上传的时候分2种情况1、后台可以直接解析formData格式的,直接创建一个FormData对象提交到后台let forms = new FormData(
转载 2022-12-08 10:15:00
257阅读
js实现html 页面之间的跳转参一、页面之间的跳转参1、在页面之间跳转的方式有两种:window.location.href=”test.html?num=10” 地址会改变参数也会被传递但是不会打开新窗口window.open("test.html") 这样会重新打开一个新窗口。2、获取参数如果是按照第一种方式进行了传递则有参数,那么我们怎们获取url中的参数那,那就使用js默认的属性:
转载 2023-06-05 21:52:42
256阅读
刚好看见以前自己还没用vue参和接受参数的博客,想起现在自己用vue用的最多,那就记录一下vue参和接受参数的方式;vue跳转路由用this.$router.push()方法,这个方法可以接受对象或者字符串两种参数:       我先说当是Object的时候,常用的有{path: ‘’,query:{},name:'',params:{}} path
转载 2023-06-06 00:26:27
141阅读
# Vue.js 生成静态页面 在Web开发中,前端框架变得越来越流行。Vue.js是一个轻量级的JavaScript框架,用于构建交互式的用户界面。与许多其他前端框架不同,Vue.js也可以用于生成静态页面。本文将介绍如何使用Vue.js生成静态页面,并提供一些示例代码。 ## 什么是静态页面? 静态页面是在服务器上预先生成的HTML文件。与动态页面相比,静态页面不需要服务器端处理,可以直
原创 2023-07-23 17:13:07
2378阅读
父子组件在父组件中改变子组件里的数据ref属性应用和父组件<template> <div class="ctn"> <input type="text" value="ref的用处" ref="input1" /> <button @click="add()">改变数据</button> <!-
父子组件原理图 一般页面的视图App.vue应为这样 一.父组件向子组件
原创 2022-08-04 22:26:52
516阅读
其实输入完3个字符后,执行1次就可以了,但我们无法得知什么时候输入结束,所以才用延迟执行,比如输入了第1个字符,则延迟300毫秒后执行,如果300毫秒内,输入了第2个字符,则取消第一个字符的查询,第2个字符延迟300毫秒执行,如果300毫
原创 2023-06-28 14:21:25
557阅读
# 使用Vue.js实现页面倒计时 ## 1. 介绍 本文将教会刚入行的开发者如何使用Vue.js实现一个页面倒计时功能。Vue.js是一款流行的JavaScript框架,它可以帮助我们构建交互式的Web应用程序。页面倒计时是一个常见的需求,例如在电商网站中,倒计时可以用来展示特价商品剩余的时间。 ## 2. 准备工作 在开始教学之前,确保你已经安装了Node.jsVue.js脚手架。如果还
原创 2023-09-07 08:58:08
339阅读
一、Vue.js是什么    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、如
原生javascript方法: var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; //获取a的全部子节点; var c = a.parentNode; //获取a的父节点; var d = a.nextSibling; //获取a的下一
转载 2023-06-02 10:06:45
367阅读
Vue.js之组件属性可以从父组件到子组件,也可以从子组件到父组件。这里讲一下从父组件到子组件的  还以上次的demo为例,demo里有APP.vue是父组件,Header.vue,Users.vue和Footer.vue为子组件,Users.vue中的数据有个数组,现在把数组放到父组件App.vue中App.vue文件: 1 <template> 2 <di
转载 2023-12-15 10:06:26
29阅读
最近在研究vue.js,总体来说还算可以,但是在web开发群里有一些人问在单文件组件开发模式中非父子组件如何的问题,今天在这里讲讲,希望对大家有所帮助! 在官网api中的这段讲解很少,也很模糊;官网中说明如下: 那么这一段在单文件组件开发模式中具体怎么用呢? 首先在main.js中加入data,
转载 2019-05-16 17:13:00
156阅读
2评论
一、to +跳转路径<router-link to="/">跳转到主页</router-link> <router-link :to="{path:'/Test',query:{id:1,name:'vue'}}" >跳转到Test</router-link>参数获取:  this.$route.query.参数名称 二
转载 2023-07-06 15:29:41
410阅读
Vue.jsVue.js(是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件VueJS 特性:I:
直接放在对象中传递数组export function getCrApplicationList(data) { var test = ['111', '222'] return request({ url: '/applicant/CrApplication/List', method: 'get', params: { test } }) } 传递的
转载 2023-06-17 14:40:37
441阅读
  • 1
  • 2
  • 3
  • 4
  • 5