![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
涵信
关注我,学你所学,一起进步
展开
-
vue之PC端-富文本-wangeditor的安装使用并且上传图片至oss代码实操,文章末尾是该插件的文档链接
1、npm安装到生产wangeditornpm installwangeditor --save2、vue使用定义一个div元素用来渲染富文本编辑器 <div class="ml-40" :style="{ width: computedWidth + 'px' }"> <div ref="editorElem" style="text-align:left;"></div> </div>首先在vue单页面中初始化...原创 2020-08-10 14:07:58 · 3469 阅读 · 1 评论 -
vscode ctrl + s自动保存代码 插件安装
插件下载在项目中引入以下文件夹 即可 ctrl + s自动格式化代码①将以下代码保存为settings.json文件,并放到.vscode文件夹中,并将.vscode文件夹保存到vue项目根目录即可 ②文件夹目录图示{ "files.autoSaveDelay": 1000, "editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace", "editor.tabSize": 2, "edi..原创 2020-08-06 14:16:53 · 13181 阅读 · 2 评论 -
echarts实现堆叠柱状图
1、引入echarts并在main.js中全局安装npm install echarts --save 在main.js中全局注册import echarts from "echarts";Vue.prototype.$echarts = echarts;2、用echarts绘制一个堆叠柱状图// html<div id="main" ref="echarts" class="mt-40" v-show="!noData"></div>;..原创 2020-08-03 14:56:53 · 8093 阅读 · 0 评论 -
webpack 生产、开发、测试loader及文件输出配置
安装loader及插件npm install webpack webpack-cli webpack-dev-server style-loader css-loader less less-loader sass-loader postcss-loader autoprefixer babel-loader @babel/core @babel/preset-env eslint eslint-loader jest jest-webpack stylelint stylelint-web.原创 2020-08-02 09:46:38 · 5717 阅读 · 0 评论 -
watch监听路由信息
①在watch函数中监听$route②to表示将当前所在路由信息, from表示从哪跳转到路由信息原创 2020-06-27 17:21:19 · 3587 阅读 · 0 评论 -
Vuex注入到vue根组件
1.定义一个Vuex的store2.在app.vue中引入改文件其中的store可以缩写成一个(ES6语法: 在对象如果键值相同, 可省略值)原创 2020-06-01 17:28:21 · 2943 阅读 · 0 评论