随笔分类 - Vue.js
摘要：```js // 验证码 changeImg() { this.imgurl = '/api/changeCode?' + Math.random() }, login() { this.$refs.loginForm.validate(valid => { if (valid) { this.username = this.loginForm.username this.password = t
阅读全文
摘要：```js import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); // 初始化时用sessionStore.getItem('token'),这样子刷新页面就无需重新登录 const state = { user: window.sessionStorage.getItem('user'), token: window.ses
阅读全文
摘要：```js import Vue from 'vue' import VueRouter from 'vue-router' import login from '../pages/login/index' import Main from '../pages' import Register from '../pages/register/register' import noFound fro
阅读全文
摘要：```js import Vue from 'vue' // import App from './App.vue' import router from './router' import store from './store' import axios from 'axios' //添加自定义的全局方法 import globalFunc from "./utils/globalFunc"
阅读全文
摘要：```js // const path = require('path') module.exports = { runtimeCompiler: true, devServer: { proxy: { '/mock': { target: 'https://easy mock.com/mock/e
阅读全文
摘要：element-ui的change事件默认参数是一个value值，比如下拉框的change事件默认参数是选中的value值，但是实际项目中我们要传的一般不止这一个参数，如果直接追加两个参数可能获取不到，这时需要把参数中的默认参数名换成$event即可， //第一个参数是默认的value参数，第二个是
阅读全文
摘要：element-ui图标库图标较少，比如有关于登录页面输入框里的用户名和密码的小图标就没有，这个时候可以自定义图标。
阅读全文
摘要：一个路由信息对象表示当前激活的路由的状态信息，每次成功的导航后都会产生一个新的对象。 path字符串，对应当前路由的路径 params对象，包含动态路由参数 query对象，URL查询参数 hash字符串，当前路由的hash值 fullPath字符串，URL包含查询参数和hash的完整路径 matc
阅读全文
摘要：用nuxt集成koa2做vue后台，官方自带脚手架搭建的koa2仍是ES5语法，在构建koa2时默认的nodemon是没有使用babel编译的， 所以首先需要在启动命令后加上--exec babel-node "scripts": { "dev": "cross-env NODE_ENV=devel
阅读全文
摘要：SSR服务端渲染 之前用vue做项目时，在浏览器中查看网页源码，是没有具体内容的，只有一个标签，用服务端渲染的话，查看网页源码数据都会显示出来，所以有利于SEO，能够被搜索到。 Nuxt.js是做Vue SSR的框架，基于vue 2， 包含了vue-router，（vue本身不带路由，是通过插件的方
阅读全文
摘要：复制以上代码到 run ivew 网站预览效果
阅读全文
摘要：今天遇到一个问题，是一个输入框绑定了一个失去焦点事件，要发送一个客户填写的数据给后台查询然后拿到返回值把它渲染到页面上，但是从后台获取到的数据却没有在页面上渲染出来，console.log打印时显示数据已经变化成了从后台拿到的数据，却没有渲染到页面上。 看了官方文档之后发现，受 ES5 的限制，Vu
阅读全文
摘要：TypeError: Cannot read property 'validate' of undefined at VueComponent.submitForm (plat_users.html:385) at Proxy.boundFn (vue.js:130) at click (eval
阅读全文
摘要：vue项目中报这样的错误：./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js? 大部分是因为文件的路径有问题。
阅读全文
摘要：vue中点击空白处隐藏div的实现
阅读全文
摘要：beforeDestroy() { if(this.timer) { clearInterval(this.timer); //关闭 } //利用vue的生命周期函数 vue 是单页面应用，路由切换后，定时器并不会自动关闭，需要手动清除，当页面被销毁时，清除定时器即可。
阅读全文
摘要：v-show 手段：通过设置DOM元素的display样式属性控制显隐； 编译过程：v-show只是简单的基于css切换； 编译条件：v-show是在任何条件下（首次条件是否为真）都被编译，然后被缓存，而且DOM元素保留； 性能消耗：v-show有更高的初始渲染消耗； 使用场景：v-show适合频繁
阅读全文
摘要：this.$router 实际上就是全局路由对象任何页面都可以调用 push(), go()等方法； this.$route 表示当前正在用于跳转的路由器对象，可以调用其name、path、query、params等属性。
阅读全文