Vue
渐进式
JavaScript 框架
玲曦
吾柯谓之玲曦
展开
-
动态路由报Cannot find module。
原由:前端使用的是vue-element-admin框架,路由动态返回,但是我如果在后台配置了路由可能出现前台报错,我已经退出重新登陆了,并反复核对正确性,依据报Cannot find module。解决方案:1.如果配置没有任何问题并且和前端路由文件也能对应上,可以尝试重新运行项目。2.查看路由的component是否注册正确,可以尝试以下方法注册。route.component = (resolve) => require([`@/views/${component}.vue`], re原创 2021-05-10 09:49:28 · 3619 阅读 · 0 评论 -
解决element ui无法使用多个排序,点击一个其他排序消失问题。
3.0作者好像要加这个,现在是没有的。至于网上通过类名那些方法完全完全没必要,简单封装一下即可。效果组件代码<template> <span class="sort" @click="toggleSort" :class="`active-${state?'asc':'desc'}`"> <slot/> <span class="caret-wrapper"> <i class="sort-caret ascendin原创 2021-01-26 11:47:29 · 326 阅读 · 0 评论 -
Vue路由使用过渡动画后切换时出现抖动
问题描述为了让项目在页面切换时不那么死板,我是用了transition组件并加入淡出淡出效果,然而切换页面我发现居然每次跳一下。问题原因其实就是上个路由的占位导致,百度后说隐藏消失的页面让其不占位。解决方案fade-leave-to路由添加 display:none;来源资料https://www.jb51.net/article/177825.htm...原创 2020-11-07 21:02:49 · 1810 阅读 · 0 评论 -
vue使用element实现横向滚动
用element也很简单,滚动条没有默认的那么丑… <div class="img-list"> <el-scrollbar :vertical="true"> <ul> <li v-for="item in 6"> <img src="" alt=""&g原创 2020-09-27 14:56:24 · 3245 阅读 · 0 评论 -
vue使用Print.js跨域打印pdf
注意事项:本教程演示的pdf是存储在远程服务器的直链请不要使用自己创建iframe然后放地址那种打印方式。1.按照原创 2020-07-22 09:45:20 · 2638 阅读 · 3 评论 -
重写element多选框全选效果
模拟数据data(){ return { checkAll: false,// 全选状态 // 每次存储选中的 checkedCitiesActive:[ ], // 模拟数据列表 checkedCities: [ { id:0, name:'第一' }, { id:1, name:'第二' } ], isIndetermin原创 2020-06-09 19:01:08 · 227 阅读 · 0 评论 -
图片查看插件v-viewer
安装npm install v-viewer --save引入全局注册import 'viewerjs/dist/viewer.css';import Viewer from 'v-viewer';Vue.use(Viewer,{ defaultOptions: { zIndex: 9999 }});使用1.单查看图片,添加参数:v-viewer<img :src="item.file_image_url" :alt="item.file_name" v-vie原创 2020-06-09 15:29:54 · 380 阅读 · 0 评论 -
router-link 绑定事件不生效
在vue中绑定事件是一下这种方法:v-on:click=‘函数名称’;@click = ‘函数名称’;这两种写法都是正常。但是我们使用了 vue-router 路由时会使用 标签来代替 a 标签跳转。我们在 vue-router 标签绑定 @click 事件 。<router-link to="/date" @click="nav_click">最新</router-link> methods: { nav_click: function() { co转载 2020-05-28 14:12:34 · 1094 阅读 · 0 评论 -
The computed property xxx is already defined as a prop.
重复定义属性导致,请检查是否重复。原创 2020-05-24 21:44:35 · 8692 阅读 · 0 评论 -
使用Element报错parsing error: x-invalid-end-tag
原因vue将标签渲染为原生html标签时,由于这些标签是自闭合的,所以有end标签会报错。解决修改配置文件,忽略该项检查:根目录下 - .eslintrc.js - rules添加:'vue/no-parsing-error': [2, { "x-invalid-end-tag": false }]然后重新运行...转载 2020-05-24 15:13:32 · 1096 阅读 · 0 评论 -
.env环境变量和模式
环境文件说明:.env.在所有的环境中被载入,当你指定了环境,它也会合并,并且优先级大于.env,没有指定环境时先找它。.env.development指定开发环境配置.env.production指定生产环境配置,当你build运行时就触发这个创建变量键值对形式创建,命名必须VUE_APP_开头列如:VUE_APP_BASE_API = '/api'获取console.log('当前:',process.env.VUE_APP_BASE_API);模式模式是 Vue CL原创 2020-05-23 23:46:25 · 878 阅读 · 0 评论 -
报错,To install it, you can run: npm install --save core-js/modules/es.array.slice
网上说版本问题,我安装了最新解决的。npm install core-js原创 2020-05-21 14:12:41 · 3775 阅读 · 3 评论 -
动态组件component与批量注册
看官方手册比谁说的都明白:https://cn.vuejs.org/v2/guide/components-dynamic-async.html单用 { path:"/three", name:"Three", component:()=>import("../views/Three.vue").then(()=>{ console.log('访问three成功!'); },()=>{ console.log('访问three失败!'); })原创 2020-05-21 10:16:20 · 403 阅读 · 0 评论 -
vue-cli4取消eslint 校验代码
直接修改.eslintrc.js,注释此处贴出的代码即可 extends: [ "plugin:vue/essential", // "eslint:recommended", "@vue/prettier", ],原创 2020-05-20 16:00:24 · 834 阅读 · 0 评论 -
vue-cli3 取消eslint 校验代码
eslintrc.js文件module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', // '@vue/standard',//这行注释就可以 '@vue/typescript' ], rules: { 'no-co...原创 2020-05-08 16:07:54 · 629 阅读 · 1 评论 -
简单使用Element-UI
安装:npm i element-ui -Smain.js:import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({...原创 2019-12-01 15:57:10 · 358 阅读 · 0 评论 -
Vue-Devtools
https://blog.csdn.net/weixin_38654336/article/details/80790698原创 2019-10-15 22:09:13 · 76 阅读 · 0 评论