OUTER主题的文章列表，还有OUTER的技术要点_第4页

react-router 4.x

本次主要总结react中的路由的使用，实现让根组件根据用户访问的地址动态挂载不同的组件。首先使用命令 npxcreate-react-appreact-router创建项目，然后npminstall下载相关依赖，再按照之前的文件目录整理src文件夹，最后再components文件夹下面新建两个组件Home.j...

代码星球 ·2021-01-26

vue-router配合vue-cli的实例

前面在说到vue-router的时候，都是用最简单的方式说明用法的，但是在实际项目中可能会有所出入，所以，今天就结合vue脚手架来展示项目中的vue-router的用法。首先需要使用脚手架创建一个项目，这里选择的是webpack-simple这个模板。1，执行命令：vueinitwebpack-simplecli-ro...

代码星球 ·2021-01-26

vue-router2.0

在使用vue.js创建单页运用的时候，我们通常的做法是配合vue-router一起使用，通过vue-router将组建映射到路由并进行渲染。例如我们要实现两个页面的切换跳转，就需要使用路由，这里不再使用a标签进行跳转，而是使用标签<router-link>，然后通过属性to来指定链接，最后将路由匹配到的组件...

代码星球 ·2021-01-26

router-link 绑定事件不生效

在vue中绑定事件是一下这种方法：v-on:click='函数名称';@click='函数名称';但是我们使用了vue-router路由时会使用<router-link>标签来代替a标签跳转。我们在vue-router标签绑定@click事件。却发现函数并没有执行决解　　加.native修饰符就...

代码星球 ·2021-01-26

vue router参数绑定与路由驱动页面

以后写...

代码星球 ·2021-01-22

Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲

![image.png](https://upload-images.jianshu.io/upload_images/1780372-4198dbbe8fc85c83.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) &n...

代码星球 ·2021-01-20

一个div（id是outer）中，里边有两个div（id分别是top和bottom），一个高度是100px，希望另一个元素撑满剩下的区域

方法一，利用flex1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title></title>6<style>7*{8margin:0;9padding:0;10}...

代码星球 ·2021-01-17

vue-router实现页面的整体跳转

直接看效果图：代码地址：https://github.com/YalongYan/vue-router-jump...

代码星球 ·2021-01-13

$router 跳转

vue用$router跳转有三种方法this.$router.push()　　　　跳转到不同的url，但这个方法回向history栈添加一个记录，点击后退会返回到上一个页面。 this.$router.replace()　　　　跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会...

代码星球 ·2021-01-12

innerHTML innerText与outerHTML间的区别

innerHTML与innerText及outerHTML间的区别最容易使初学者搞混淆，为了更好的使读者区分开。下面我就通过一个demo来解释:代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><t...

代码星球 ·2021-01-02

AngularJS——ui-router

原创 2016年07月26日13:45:14标签：angularjs /ui-router /ui-view250431.1导入js文件需要注意的是：必须导入angular.min.js这个文件，且angular.min.js必须导入在angular-ui-router.min.js前面。...

代码星球 ·2020-12-30

vue router-link 添加在定义事件

在vue学习中遇到给router-link标签添加事件@click、@mouseover等无效的情况我想要做的是v-for遍历出来的选项卡，鼠标移上去出现删除标签，移除标签消失的效果原代码：<router-linkv-for="(item,index)inpageMenuList":to="{path:item....

代码星球 ·2020-12-30

Vue之Router

单页面应用，必须要会vue里的插件vue的官网上有个生态系统--核心插件： VueRouter 和 Vuex安装官网安装提供了多种安装方法，我们使用npminstallvue-router--save，它是项目依赖所以要--save使用如果在一个模块化工程中使用它，...

代码星球 ·2020-12-29

apache服务器如何将vue-router默认的hash模式改为history模式，并打包上线到ftp

vue-router的默认根路径是'#',如果不想要'#'就可以使用history模式。1.在router的配置文件下加入export default new Router({ mode:'history', //改为history模...

代码星球 ·2020-12-25

nginx 适配react-router browserRoute 路由问题

本文环境比较复杂，首先两层nginx转发，并且访问路径也不是根路径。加上对nginx一知半解，各路搜索一看，全程懵逼。最终没有一个能用的。最后还是靠同事帮助，文档大法结束加班。本文知识点：location优先级，nginx资源文件寻找方式，rewrite重定向问题。 location优先级=开头表示精确匹配^...

代码星球 ·2020-12-24