随笔分类 - vue.js
vue.js
摘要：1.官方解释 Vuex是一个专为Vue.js应用程序开发的状态管理模式。然后Vuex里面有五个特别重要的属性，分别是state，mutations，actions，getters，modules。 2.state 放置状态相关的信息，vue是使用单一状态树的，也就是单一数据源，也就是说我们的stat
阅读全文
摘要：大致和跨域安全相关 概览 问题说明：原因分析：解决方案： 问题说明： 浏览器发起请求时无响应，Network显示： no-referrer-when-downgrade 显示如下图： 原因分析： no-referrer-when-downgrade的意思是：降级时不推荐。 从一个网站链接到另外一个网
阅读全文
摘要：NProgress是页面跳转是出现在浏览器顶部的进度条官网：http://ricostacruz.com/nprogress/github：https://github.com/rstacruz/nprogress 如下图所示，绿色的进度条就是NProgress实现的效果 1、安装 $ npm in
阅读全文
摘要：HTTPS页面里动态的引入HTTP资源，比如引入一个js文件，会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源，也会被直接block掉的。 Mixed Content: The page at 'xxx' was loaded over HTTPS, but reques
阅读全文
摘要：知识点：路由嵌套场景：今天遇到一个需求是这样的，有一个管理系统的列表页，点击某一行进入那一行的详情页面，于是我想这样设计路由。主要是在 App.vue 里套一个 FeedBack ，组件里面只有 <router-view>来进行路由嵌套，再给这个组件里加子组件就好啦。 效果： 代码： // rout
阅读全文
摘要：分别给router-view定义一个name，默认显示的可以不用定义 自己先在components文件夹内写4个组件，准备放入4个router-viewer标签，我的分别是 containerLeft.vue containerRight.vue containerTop.vue container
阅读全文
摘要：创建导航页组件 在components目录下新建一个navigation目录，在Navi目录中新建一个名为Navi.vue的组件。至此我们的目录应该是如下图所示： 然后我们修改main.js文件，修改后的文件如下 import Vue from 'vue' //import App from './
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>颤动的动画</title> <style> body { background-color: #cccccc; } .box { position: fixed
阅读全文
摘要：注： 微信小程序和公众号内屏蔽了 eval() 函数，需要用其他方法解决 修改浏览器地址参数： function changeURLArg(url,arg,arg_val){ var pattern=arg+'=([^&]*)'; var replaceText=arg+'='+arg_val; i
阅读全文
摘要：小程序保存图片到本地相册 /** * 下载图标到相册 */ saveToPhone:function(e){ //获取相册授权 let imgSrc = this.data.qrcode_img //要保存的图片url console.log(imgSrc) wx.showLoading({ tit
阅读全文
摘要：1. router-link跳转 2. this.$router.push跳转 3. this.$router.replace跳转 4. resolve跳转 接收方怎么接收参数 this.$route.query.serid和this.$route.params.setid，以下举一个接收的例子 注
阅读全文
摘要：如果网页跳转用的方法传参去跳转: (点击多次链接会出现错误) 这个的原因: 原因：在路由中添加了相同的路由。解决：重写路由的push方法 在src/router/index.js 里面import Router from 'vue-router'下面写入下面方法即可 转 : https://www.
阅读全文
摘要：前言 本案列仅针对刚刚入门vue学习的伙伴，博主也是刚刚在学基于vue-cli搭建脚手架项目，对于前端大牛，可以移步。 快速搭建vue-cli环境 如何搭建基于vue-cli项目，这里不再叙述，如果不会的伙伴可以自己百度。(或 https://www.cnblogs.com/fps2tao/p/12
阅读全文
摘要：webpack相关的重要配置文件将在这一节给出。webpack水很深啊^o^，在此先弄清楚原配文件内容的含义，后续可以自己根据实际情况配置。 webpack.base.conf.js:配置vue开发环境的webpack配置，处理各种文件（js啊、css啊、html啊...） 'use strict'
阅读全文
摘要：此文章用来解释vue-cli脚手架build目录中的webpack.base.conf.js配置文件 此配置文件是vue开发环境的wepack相关配置文件，主要用来处理各种文件的配置 关于注释 当涉及到较复杂的解释我将通过标识的方式(如（1）)将解释写到单独的注释模块，请自行查看 上代码 // 引入
阅读全文
摘要：这个下载包是自己基于 webpack 搞的，可以看看https://github.com/chichengyu/webpack vue-cli安装 输入 npm install vue-cli -g # 如果速度慢，可以先安装 cnpm npm install -g cnpm --registry=
阅读全文
摘要：今天笔者在研究vue-router的时候踩到了一个小坑，这个坑是这样的 笔者的具体代码如下：router.js import Home from '@/components/Home.vue'; import Component1 from '@/components/component1.vue'
阅读全文
摘要：微信小程序带cookie的request请求可,以使服务端知道是同一个客户端请求. session_id会不变,从而很好的使用服务端的session. 写一个工具函数，直接导入使用即可，接口同 wx.request 。会自动设置和更新 cookie。 下面是我自己封装的 util.js : 使用：
阅读全文
摘要：在写小程序的时候，有时候页面的内容过多，逻辑比较复杂，如果全部都写在一个页面的话，会比较繁杂，代码可读性比较差，也不易于后期代码维护，这时候可以把里面某部分功能抽出来，单独封装为一个组件，也就是通常说的自定义组件，自定义组件类似于页面，它有wxml 模版、wxss 样式和js文件，然后在页面中使用该
阅读全文
摘要：点此查看微信小程序官方文档 以下示例，可自行体会.. 子 - Component child.json child.wxml child.js 父 - Page parent.json 项目目录结构： parent.wxml 可以用 bind:parentEvent 也可以 bindparentEv
阅读全文
浙公网安备 33010602011771号