vue
萌新不会永远是萌新
这个作者很懒,什么都没留下…
展开
-
antdesignvuedialog固定中间可以滚动
【代码】antdesignvue。原创 2023-03-17 12:05:33 · 239 阅读 · 0 评论 -
antdesignvue使用
antdesignvue使用记录原创 2022-10-19 18:24:06 · 367 阅读 · 0 评论 -
vue vuecli3.0 使用 scss-loader,设置全局scss变量
首先上代码,使用loaderOptionsconst outputDir = process.env.NODE_ENV == "development" ? "dist-test" : "dist";module.exports = { css: { loaderOptions: { sass: { prependData: `@import "@/scss/default.scss";` } } }, configureWebpack原创 2020-09-21 10:43:56 · 2795 阅读 · 0 评论 -
在vue中使用flex,上中下结构(中间高度自适应)遇到的坑
项目中的页面需要 上中下结构(中间高度自适应)因此决定用flex布局实现中间布局需要使用elementui table组件在电脑火狐浏览器上遇到了表格不自适应的问题找了半天最终解决方法是把表格使用absolute表格的父元素加一个relative就可以了...原创 2019-12-31 13:00:22 · 2125 阅读 · 0 评论 -
vue 修改 elementui 默认样式
<style lang="scss" scoped >.table-con { /deep/ .el-table { position: absolute; width: 100%; border: 1px solid #ebeef5; border-bottom: none; }}</style>原创 2019-12-31 12:55:22 · 821 阅读 · 0 评论 -
vscode 格式化文档问题
背景:vue-cli 集成的 eslint + prettier,但是如果在template中,一个元素的class、事件很长的话,格式化文档后,终端就会出现警告解决:在vscode setting.json中 把"vetur.format.defaultFormatter.html": "js-beautify-html"更改为:"vetur.format.defaultFormat...原创 2019-12-10 10:09:06 · 2538 阅读 · 0 评论 -
简单的vue axios 封装
首先 在src里面创建config目录 这是api.url.js里面的代码,根据自己项目需求定义 下面 重点来了import axios from 'axios'import qs from 'qs'import apiUrl from '@/config/api.url.js'// axios 默认配置axios.defaults.timeout = 5000 /...原创 2018-08-22 10:31:49 · 2114 阅读 · 0 评论 -
vuex报错 unknown mutation type
关于这个报错 是由于自己马虎造成的,并且找了一上午的错才发现- 呜呜呜 我的代码是这样写的 es6对象扩展里有写到 对象里面属性或者方法是可以简写的 , 所以如果按照我之前的代码 即是但是vuex并没有mutioins选项,所以导致代码报错了(这个也是我自己的手误写错了的–) 所以看到这里 错误怎么改正已经很明显了 就是 把mutioins 改成 mutation 就好了...原创 2018-03-22 11:21:47 · 86467 阅读 · 2 评论 -
开启eslint,关于import自定义组件报错问题
先看报错 和 代码 import Header from 'components/header/Header.vue'经过各种尝试 发现改成 import Header from '@/components/header/Header.vue'后无报错了经查询发现 webpack.base.config.js 中 已经定义好了 关于@符表示 项目中的src 之后出于好奇 试...原创 2018-03-21 16:01:38 · 18721 阅读 · 0 评论 -
vue event bus 非父子组件间通信问题
场景:点击用户头像,根据uid跳转到用户详情(非父子组件) 注意我这里需要通过路由跳转到详情 问题: event bus 又叫 中央事件总线 假设我们现在有一个 B组件 想要 A组件的数据 (A、B非父子组件) 简单来说使用它需要三个步骤:1.new 一个 空的 vue实例2.在A组件中触发事件(使用$emit)3.B组件中的钩子中监听事件(使用$on)截图自vue...原创 2018-03-23 13:12:32 · 726 阅读 · 1 评论 -
vue mock数据
我的使用场景 是 使用vue 并且是 vue-cli3.0首先 这个是mock数据的结构下面看一下 apirouter.js 代码// Mock data by hicoldcatvar express = require('express')var apiRoutes = express.Router();var init = require('./mockdata/ge...原创 2018-10-19 11:31:37 · 334 阅读 · 0 评论 -
富文本编辑vue插件vue-quill-editor
vue-quill-editor:安装: yarn add vue-quil-editor --save兼容性:亲测 在ie11 和 edge 可用,但是在ie10就报错了。解决:换插件原创 2018-11-16 10:29:42 · 6372 阅读 · 1 评论 -
解决vue打包后提示文件过大的警告
首先先列出我这个出现的三个警告第一个是css有问题第二个是js文件过大第三个是css文件过大解决 :针对第一个css的警告在我项目里用的element ui出现这个警告是因为我vue组件里重写了关于ele样式 ,经过测试,把重置ele样式删除掉在打包,就不会出现这个警告了。所以我把这个样式放到了到此 ,第一个警告就解决了针对第二个、第三个警告 我经过百度,最后是通过cdn解决...原创 2018-11-23 11:21:29 · 4803 阅读 · 1 评论 -
vue 设置路径问题
设置跟路径 &amp; 指代原创 2018-08-22 10:21:04 · 2892 阅读 · 0 评论