logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

小程序---引用本地js的json数据

1、posts-data.jsvar local_database = [...]module.exports = {//数据暴露出去postList: local_database}2、数据绑定post.jsvar postsData=require('../../data/posts-data.js');//引入data: {//小程序总是会读取data对来做数...

localstorage解决vuex刷新数据消失问题

ps:此实例仅仅展示vuex的用法,并不适用于页面跳转传参!!!注:主要思路就是把传递的参数保存到localstorage中 并写入到state中1、state.jsconst state={setguessid:{}}export default state2、/*存储mutations相关的常量*/export const SET_GUESSID='SET_GUESSID'3、import .

vue-列表页详情页-组件之间参数传递-this.$route.query

mtindex跳转guessdetail一、router/index.js{   path:'/mtindex',   component: mtindex,   children:[    {    path:':shopid',    component:guessdetail    }   ]        },二、mtindex.vue1、ht...

vue-搜索页-搜索历史本地存储-good-storage

1、存储搜索历史记录时使用good-storage 插件直接存数组,因为原生的localstorage api 需要将数组转换为字符串存储 参考文档https://github.com/ustbhuangyi/storage a.安装 npm install good-storage b.新建cache.js本地存储相关的逻辑(缓存到本地的数据最大缓存15条,并且新的插入在第一位,首先得到当前的存

vue-实现简单tab切换

<template><div class="bodywrapper" >     <headertop></headertop>       <div class="login_con">          &l

vue-infinite-scroll 滚动分页加载

1、安装插件npm i --save v-infinite-scroll2、使用main.jsimport infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll);.vue文件<div class="content clearfix"><ul class=&quo

vue本地环境接口地址与线上环境接口地址来回切换

我们在开发项目的时候,往往会在同一个局域网进行开发,前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是,当项目推到线上的时候,我们会从真实服务器上获取接口,因此,我们可能在测试接口和真实接口之间频繁切换1.找到文件/config/dev.env.js/config/prod.env.js2、修改文件a、dev.env.js'use strict'const merge = .

vue-引入外部js文件的方法和常量

1、方法调用 a:  js文件(static/js/public.js)//函数的定义  返回上一页export function goback(laststep) { laststep}b: 调用import {goback} from 'static/js/public.js'//记得带上{}花括号methods:{_goback(){goback(this.$router.go...

vue登录页面cookie的使用及页面跳转

1、大概流程 a、登录:前端使用validate对输入信息进行验证 验证成功则成功跳转到用户信息页并存储cookie值 b、首页跳转用户信息页:判断cookie值cookie存在并不为空则跳转用户信息页,若为空则跳转登录页 c、退出页:点击退出跳转首页并删除cookie值2、目录介绍cookie.js为公共方法,用于cookie的存储、获取及删除login.vue :登录页index.vue:首页

vue之this.$route.query和this.$route.params的使用与区别

一、this.$route.query的使用  1、router/index.js    {   path:'/mtindex',   component: mtindex,   //添加路由   children:[    {    path:':shopid',    component:guessdetail    }   ]        ...

到底了