Vue
初级码奴
学习资源
http://blog.720ui.com
https://www.liaoxuefeng.com/
展开
-
iview-admin 页面导入excel数据
1、安装插件npm install -S file-saver xlsxnpm install -D script-loadernpm install xlsx2、引入 import XLSX from 'xlsx'3、页面<template> <Card> <input type="file" ref="myfile" /> <Button @click="importData" type="succe...原创 2020-11-16 09:42:12 · 552 阅读 · 0 评论 -
vue 控制台错误 NavigationDuplicated
新下了个vue admin 做了两个菜单,页面切换的时候总报错,上网查了一下原来是Vue-router在3.1之后把$router.push()方法改为了Promise的,如果没有回调函数,错误信息就会交给全局的路由错误处理,因此就会报上述的错误。解决方法参考https://www.cnblogs.com/rever/p/11577322.html我选择方案2,为每个router.pus...原创 2019-11-26 15:00:14 · 351 阅读 · 0 评论 -
Vue入门(搭建环境、创建运行项目)
Vue 是一个前端框架,特点是数据绑定:比如你改变一个输入框 Input 标签的值,会自动同步更新到页面上其他绑定该输入框的组件的值;组件化:页面上小到一个按钮都可以是一个单独的文件.vue,这些小组件直接可以像乐高积木一样通过互相引用而组装起来一、编辑器选用vscode,下载并安装下载地址:https://code.visualstudio.com/说明:VS Code(V...原创 2018-12-06 14:43:28 · 2991 阅读 · 0 评论 -
iview-admin nginx 部署子目录
例如访问url为 http://www.myapp.com/my-app/1、修改项目下的 vue.config.js 部署环境改为子目录的名称2、nginx配置 这里使用alias ,不能用rootserver { listen 8080; server_name www.myapp.com; location /my-ap...原创 2019-01-18 17:47:01 · 2646 阅读 · 0 评论 -
vue格式化日期方法
调用举例this.formatter('Fri Feb 01 2019 00:00:00 GMT+0800', 'yyyy-MM-dd hh:mm:ss')方法methods: { formatter (thistime, fmt) { let $this = new Date(thistime) let o = { 'M+'...原创 2019-02-15 14:15:58 · 10003 阅读 · 0 评论 -
Vue获取元素位置 getBoundingClientRect is not a function
点击input获取该元素位置一开始使用 ref 获取dom元素,然后调用getBoundingClientRect()方法<div @click="getInput" > <Input type="text" readonly="readonly" ref="inputDom"></Input></div&原创 2019-02-21 10:54:14 · 20266 阅读 · 0 评论 -
vue单页面应用刷新网页后vuex的state数据丢失的解决方案
最近在用vue写pc端项目,用vuex来做全局的状态管理, 发现当刷新网页后,保存在vuex实例store里的数据会丢失。1. 产生原因其实很简单,因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值。2. 解决思路一种是state里的数据全部是通过请求来触发action或mutation来改变一种是将state里的...转载 2019-03-04 10:26:38 · 236 阅读 · 0 评论 -
iview的Select组件filterable
<FormItem label="国家"> <Select v-model="country" ref="sel" filterable> <Option v-for="item of countryList" :value="item.name" :key="item.id" > {{item.name}} </Op...原创 2019-04-01 17:25:42 · 6776 阅读 · 1 评论 -
iview-admin 笔记
1、路由routers// 直接配,跳转是打开新页面 { path: '/login', name: 'login', meta: { title: 'Login - 登录', hideInMenu: true }, component: () => import('@/view/login/login.vue') ...原创 2019-08-16 15:43:34 · 369 阅读 · 0 评论