#vue路由传参

vue属性用法

methods是个方法,比如你点击事件要执行一个方法,这时候就用methods,computed是计算属性,实时响应的,比如你要根据data里一个值随时变化做出一些处理,就用computed如果data里面数据没变就不用加载computed...
代码星球 ·2021-01-22

vue 路由

1.带参数的路由exportdefaultnewRouter({mode:'history',//去掉#routes:[{path:'/apple/:color',name:'Apple',component:Apple},]})apple路由页面必须加上参数否则匹配不到页面,带引号的都是参数:color也可以是这样的...
代码星球 ·2021-01-22

vue 路由介绍

1.带参数的路由exportdefaultnewRouter({mode:'history',//去掉#routes:[{path:'/apple/:color',name:'Apple',component:Apple},]})apple路由页面必须加上参数否则匹配不到页面,带引号的都是参数:color也可以是这样的...
代码星球 ·2021-01-22

vue的路由介绍

1.带参数的路由exportdefaultnewRouter({mode:'history',//去掉#routes:[{path:'/apple/:color',name:'Apple',component:Apple},]})apple路由页面必须加上参数否则匹配不到页面,带引号的都是参数:color也可以是这样的...
代码星球 ·2021-01-22

去掉vue 路由的#

exportdefaultnewRouter({mode:'history',//去掉#routes:[{path:'/apple',name:'Apple',component:Apple},]})vue-router 默认hash模式 —— 使用URL的hash来模拟一个完整的URL,...
代码星球 ·2021-01-22

vue-复制功能插件-兼容性最好的插件

记录给自己用,不进同一次坑:https://github.com/Inndy/vue-clipboard2...

vue中监听数据变化 watch

今天做项目的时候,子组件中数据(原本固定的数据)需要父组件动态传入,如果一开始初始化用到的数据、但当时还没有获取到,初始化结束就不会更新数据了。只有监听这两个属性,再重新执行初始化。1、watch是一个对象,对象就有键跟值,  键就是我们要监听的数据,  值可以是函数:当我们监听的数据发生变化时,需要执行的函数,这个函...

vue-时间插件,效果见图

<template><divclass="select-time-wrapper"><h5class="titie">选择自提时间</h5><divclass="select-time-contentflex"><ulclass="days">&l...

vue--支付宝支付

1、支付宝支付:前端发起一个请求,后台返回一个页面,直接将返回的页面(一个表单),再执行表单提交okFryOtherPayHandler(){letreqBody={};reqBody.orderId=this.orderId;reqBody.payType=this.payType;fetchOrderPayMsg(...
代码星球 ·2021-01-21

vue--微信支付

1、当前页面没有注册:  需要登录微信支付商家后台,添加支付路径授权2、安装 weixin-js-sdk 微信SDK npminstallweixin-js-sdk--save  3、引入 importwxfrom'weixin-js-sdk';4、在 created()中执行一...
代码星球 ·2021-01-21

vue--生命周期

     1、生命周期中的钩子函数:beforeCreate:element没有被初始化,数据没有被初始化beforeCreate- created:初始化事件,数据观测created:数据被初始化并且进行绑定,data中的值会改变,视图绑定也会变化creat...
代码星球 ·2021-01-21

vue-搜索功能-实时监听搜索框的输入,N毫秒请求一次数据

<template><divclass="search-box"><inputclass="box":placeholder="placeholder"v-model="query"></div></template><scripttype="text/...

vue-注册全局过滤器

importVuefrom'vue';importdayjsfrom'dayjs';constfilters={formatDate(date,format='YYYY-MM-DDHH:mm'){returndayjs(date).format(format);},priceFilter(value){letnum=N...
代码星球 ·2021-01-21

vue-nuxt--切换布局文件

1、暂时没有找到服务器端渲染非服务器端切换:window.$nuxt.setLayout('blog')...

vue.js 分页加载,向上滑动,依次加载数据。

exportdefault{layout:'default',data(){return{page:1,pageSize:10,orderListArr:[],prodListLoadingOver:false,prodListLastPage:false,}},mounted(){window.addEventLis...
首页上一页...3334353637...下一页尾页