有问题可关注公众号：前端研究院 后台输入问题回复

原创 vue的4种情况，根据值去判断

转载 npm 和package.json 文件

你可能还记得使用vue-cli 创建vue项目。当创建项目完成后，我们进入到项目目录，启动cmd命令窗口，输入npm install，它就会安装一堆东西(依赖)，然后再输入npm run dev, 我们就可以看到网页了，整个项目启动成功。这就是npm 最强大的地方，只使用简单的两个命令，我们就能够快速地在本地启动一个项目。　　npm install 就是安装模块，npm run dev 

转载 js根据经纬度计算两点距离

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml" >head runat="server"> title>无标题页

转载 Vuex速学篇:(1)基本套路

我们前面做了一个这样的页面，为了增加我们的学习难度，我们特意拆分成了不同的组件。 我们知道，我们在子组件里并不能直接对兄弟组件里的属性进行操作，我们通过this.$emit() 调用父组件的方法，通过this.$parent.$data.username 获取兄弟组件里的属性。 但是如果我们的业务越来越复杂，组件越来越多，会造成我们的整个项目维护起来非常的困难。能不能把各个组件的逻

原创 vue的select

{{option.text}}                     然后在data里面设置data () {     return {       xuexiaoselected: '1',      xuexiaooptions:[          {text:'小学',value:'1'},          {text:'初中',value:

转载 vue,router-link传参以及参数的使用

1.路径：http://localhost:8081/#/test?name=1跳转(id是参数)使用：this.$route.query.id2.路径：http://localhost:8081/#/test/1跳转(id是参数)路由：使用：this.$route.params.id（这个id给上图路由的配置有关）this.$r

原创 判断必须为当天时间内

function isToday(str){ var d = new Date(str.replace(/-/g,"/")); var todaysDate = new Date(); if(d.setHours(0,0,0,0) == todaysDate.setHours(0,0,0,0)){ return true; } else {

转载 ...mapGetters和...mapState获取到的state，怎么拿来在methods中操作？

...mapState({ a: function (state) { return state.A }, b: function (state) { return state.b } })在其他方法中直接访问this.a this.b即可

转载 基于vue-cli的vue项目之vuex的使用2

1.安装 npm install vuex    2.vuex/store.js//仓库状态管理，第19行。将store抛出  import Vue from 'vue';  import Vuex from 'vuex';  Vue.use(Vuex);  const store = new Vuex.Store({       state: {      count: 0    },    m

原创 java框架直接赋值

xmlns:th="http://www.thymeleaf.org">    设置距离            提交

转载 vue中的单选框选中值

vue中的单选框选中值和最后传给后台值不一样：这句话的意思是如果我选择男女，显示的也是男女，但是我I需要给后台的就是id。可能男的id=0，女的id=1；这时我们应该怎么办呢？去个最基础的例子div id="example-4" class="demo"> input type="radio" id="one" value="One" v-model="picked"> label for="

转载 $.ajax()方法详解

引用来自：http://www.cnblogs.com/tylerdonet/p/3520862.htmljquery中的ajax方法参数总是记不住，这里记录一下。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅

原创 自定义input[type="radio"]的样式

女                        男*{margin: 0px;padding: 0px;}    input[type="radio"] + label::before {    content: "\a0"; /*不换行空格*/    display: inline-block;    vertical-align: middle;    font-size: 18px;   

转载 在webapp上使用input:file, 指定capture属性调用默认相机，摄像，录音功能

## 在webapp上使用input:file, 指定capture属性调用默认相机，摄像，录音功能在iOS6下开发webapp，使用inputz之file，很有用input type="file" accept="image/*" capture="camera">input type="file" accept="video/*" c

转载 移动端Canvas手写签名

效果图基于vue,可以保存上传项目地址 vue-signature实现1.canvas画图,参考 jrainlauscript>var draw;var preHandler = function(e){e.preventDefault();}class Draw { constructor(el) { this.el = el th

原创 关于vue打包后如何运行

1.首页安装nginx-v1.13.8   安装包私信我要吧~~  先解压到一个盘里 2.用记事本打开，修改端口号，我这边修改的是52003.启动这个nginx.exe   双击后  会有一个命令行窗口一闪而过 4.然后访问 http://localhost:5200，你会看到这个页面5.然后将刚刚打包好的dist文件（就是你npm run build打包后

原创 vue访问端口号定义全局变量

1.在config里面找到dev.env.js以及prod.env.js两个文件，分别写上定义的常量以及端口号，注意单引号双引号2. 在ajax的时候直接写    `${process.env.URL_PATH}/app/appLogin`   或者 url: process.env.URL_PATH+'/app/appLogin',

转载 用localStorage来存储数据的一些经验

localStorage：是一种你不主动清除它，它会一直将存储数据存储在客户端的存储方式，即使你关闭了客户端（浏览器)，属于本地持久层储存sessionStorage：用于本地存储一个会话（session）中的数据，一旦会话关闭，那么数据会消失，比如刷新。 localStorage与sessionStorage具有相同的API，以下方法都可以用于sessionSto

转载 vue中methods一个方法调用另外一个方法

感谢分享http://blog.csdn.net/zhangjing1019/article/details/77942923vue在同一个组件内；methods中的一个方法调用methods中的另外一个方法可以在调用的时候  this.$options.methods.test2();this.$options.methods.test2();一个方法调用另外一个

转载 Vue 2.0 页面刚启动时如何做路由的重定向？

如果不做重定向，页面就会空，比如刚打开时 url 是 localhost:8080，我希望能重定向到 Index 组件，即 localhost:8080/index，现在我是给 index 组件加了个别名 alias '/' 解决，是否可以用程序方式解决？因为我看之前 vue 1 别人的代码有这样写：router.redirect({ '*': '/index'}

转载 一个基于Vue的移动端多文件上传插件，支持常见图片的上传。

一个基于Vue的移动端多文件上传插件，支持常见图片的上传。

转载 基于vue2.0+vuex的日期选择组件

基于vue2.0+vuex的日期选择组件

转载 axios的post请求发送数据，后端接收不到

在main.js加上这个import qs from 'qs';axios.interceptors.request.use((config) => {    config.data = qs.stringify(config.data);    return config;}, function(error) {    return Promise.rej