vue-js
wolf131721
这个作者很懒,什么都没留下…
展开
-
2020前端面试题
1.vue相关知识 <1>vue.extend 作用:使用基础 Vue 构造器,创建一个“子类”.Vue.extend返回的是一个扩展实例构造器,也就是预设了部分选项的Vue实例构造器。其主要用来服务于Vue.component,用来生成组件。可以简单的理解为当在模板中遇到该组件名称作为标签的自定义元素时,会自动调用扩展实例构造器来生产组件实例,并挂载到自定义元素...原创 2020-01-14 15:57:29 · 235 阅读 · 0 评论 -
vue-router重写push方法,解决相同路径跳转报错
修改vue-router的配置文件,默认位置router中import Vue from 'vue'import Router from 'vue-router' /** * 重写路由的push方法 * 解决,相同路由跳转时,报错 * 添加,相同路由跳转时,触发watch (针对el-menu,仅限string方式传参,形如"view?id=5") */const rou...原创 2020-01-09 11:41:45 · 2567 阅读 · 0 评论 -
在Vue项目中使用Vux
最近想用vue+vux写一个项目,于是到vux的官网看了文档开始着手搭建项目,但是遇到一些坑。下面简单说下安装vux 的过程。默认已安装vue环境1.安装vuxnpm install vux --save-dev2.安装vux-loadernpm install vux-loader --save-dev //官网没提安装这个,但是不安装会报错3.安装less-load...转载 2019-03-25 14:30:20 · 489 阅读 · 0 评论 -
vue-router路由不变改变query的值
路由本身有query参数,更新了query,也push了,页面url不改变,这个时候其实用到了对象的拷贝,你需要对query对象做拷贝let query = this.$router.history.current.query;let path = this.$router.history.current.path;//对象的拷贝let newQuery = JSON.parse(JS...转载 2019-05-06 17:52:46 · 6998 阅读 · 2 评论 -
vue 相同路由,刷新页面
利用v-if控制router-view,在路由容器组件,如APP.vue中实现一个刷新方法<template> <router-view v-if="isRouterAlive"/></template><script>export default { data () { return { isRouterAlive...转载 2019-05-06 18:02:56 · 2972 阅读 · 0 评论 -
Vue项目兼容IE浏览器
1.问题vue项目在ie11下一片空白并报Symbol 未定义的错,还有其他一些es6-10中出现的新的语法不兼容的问题(遇见这种问题头疼的不行,但毕竟拿着工资呢)2.原因ie10浏览器解析不了es6的语法,需要我们使用babel(Babel是一种工具链,主要用于将ECMAScript 2015+代码转换为当前和旧版浏览器或环境中的向后兼容版本的JavaScript)。但是Babel ...转载 2019-06-06 18:40:08 · 5256 阅读 · 2 评论 -
VUE3.X创建项目
一、安装 @vue/cli更新到 3.x 之后,vue-cli 的包名从 vue-cli 改成了 @vue/cli如果之前全局安装了旧版本的 vue-cli (1.x 或 2.x),首先需要使用以下命令卸载掉npm uninstall vue-cli -g安装新版本的 @vue/clinpm install -g @vue/cli安装完成后,可以使用vue -V(这...转载 2019-06-10 11:30:36 · 1874 阅读 · 0 评论 -
VUE3.0分环境部署
在vue-cli3的项目中,npm runserve时会把process.env.NODE_ENV设置为‘development’;npm run build时会把process.env.NODE_ENV设置为‘production’;此时只要根据process.env.NODE_ENV设置不同请求url就可以很简单的区分出本地和线上环境。具体步骤如下:1.package....翻译 2019-07-01 16:30:14 · 520 阅读 · 1 评论 -
elementui el-table表格出现抖动闪动
原因1.是页面出现重绘2.正好卡在要出滚动条的那个点解决方法.el-table{ width:99.9%;}原创 2019-07-31 11:43:32 · 8458 阅读 · 3 评论 -
Vue之使用 vue-quill-editor
1.安装npm install vue-quill-editor --save2.引入import { quillEditor } from 'vue-quill-editor'components: { quillEditor},3.使用<quill-editor v-model="blogContext" //编辑器内容字段 ...转载 2019-03-07 15:29:44 · 1739 阅读 · 0 评论 -
vue 监听store中的数值变化
computed: { isFollow () { return this.$store.state.demo.id; //需要监听的数据 }},watch: { isFollow (newVal, oldVal) { //do something }},转载 2019-03-04 10:28:56 · 28305 阅读 · 4 评论 -
vue路由跳转时 判断用户是否处于 登录状态
引入vuex 在其中存储用户状态 import Vue from ‘vue‘import Vuex from ‘vuex‘Vue.use(Vuex);var state = { isLogin:0, //初始时候给一个 isLogin=0 表示用户未登录};const mutations = { changeLogin(state,data){ state.is翻译 2017-12-28 11:19:59 · 21050 阅读 · 5 评论 -
vue element-ui 绑定@keyup事件无效
<el-input v-model="searchParmas.gameName" placeholder="游戏名称" class="w120" @keyup="getGameList(searchParmas.gameName)"></el-input> 上面的代码keyup事件一直无法触发,修改为下面<el-input v-model="sea转载 2018-05-17 16:26:19 · 1896 阅读 · 0 评论 -
vue项目优化之使用webpack按需加载资源(require.ensure)
router/index.js 路由相关信息,该路由文件引入了多个 .vue组件import Hello from '@/components/Hello'import Province from '@/components/Province'import Segment from '@/components/Segment'import User from '@/components/Us...转载 2018-05-25 17:33:28 · 2436 阅读 · 0 评论 -
vue element-ui框架 el-dropdown-menu 绑定click事件
使用vue element-ui 中的 导航 发现 el-dropdown-menu 绑定click事件不起作用 <el-dropdown> <i class="el-icon-setting" style="margin-right: 15px"></i> <el-dropdown-menu slot="dropd...原创 2018-05-26 10:30:41 · 29288 阅读 · 3 评论 -
vue .native
.native是什么?.native - 监听组件根元素的原生事件。 主要是给自定义的组件添加原生事件。例子 给普通的标签加事件,然后加native是无效的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document&a翻译 2018-05-26 10:32:34 · 957 阅读 · 0 评论 -
vue-cli 3.0配置webpack目录别名alias
最近用vue脚手架新建工程的时候,发现vue-cli提供的是3.0.0-beta.6版本,安装完成之后也找不到config、build等目录,不懂要从哪里入手配置别名alias安装npm install -g @vue/cli# oryarn global add @vue/clivue create my-project启动"scripts": { "ser...转载 2019-02-15 17:06:02 · 1672 阅读 · 1 评论 -
Vue项目路径别名设置
用vue-cli搭建好vue项目之后,进入正式开发过程,有时候会发现各种import路径中都存在长串的重复路径,比如:import 'src/assets/styles/reset.css'import 'src/assets/styles/border.css'为了方便维护,可以打开build文件下的webpack.base.conf.js文件,在module.exports中找到...转载 2019-02-15 17:08:15 · 931 阅读 · 0 评论 -
Vue项目如何分环境打包
在项目开发中,我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个,之前每次要发布测试版或Pre版都是修改了源码中API地址后打包,这样很麻烦。如果能根据不同环境打包就完美了。网上搜集了许多资料,现在可以分环境打包程序了,至于怎么打,接着住下看吧。第1步:安装cross-env在项目目录下运行如下命令安装cross-env,我的id...转载 2019-02-25 14:39:24 · 953 阅读 · 0 评论 -
本地创建vue项目
1.在本地搭建node.js 首先去 node官网 下载node安装包 推荐安装稳定版本,下载之后就和安装普通软件一样一直下一步就可以了(默认会安装到C盘,尽量不要自定义路径)。 2. 查看node安装 node -v可以正确显示node版本则安装成功(node会自动配置全局环境变量,感兴趣的同学可以查看)3.查看npm(node自带包管理工具) npm -v4.原创 2017-12-25 11:04:37 · 635 阅读 · 0 评论