随笔分类 -  vue

摘要:1. elementUi 源码使用的是Node-sass,建议项目中也使用node-sass 检查page.json ,是否使用了 node-sass,如果使用了,建议删除,重新安装node-sass;安装时注意版本号。 2. 卸载 npm uninstall sass 3. 下载 node-sas 阅读全文
posted @ 2021-09-24 16:40 dzyany 阅读(752) 评论(0) 推荐(0)
摘要:实际运用场景: 在接口数据列表中,需要对接口数据增删改查,使用Monaco也是因为它支持多种语法,有高亮校验语法错误的功能。 安装 npm install monaco-editor@0.24.0 npm install monaco-editor-webpack-plugin --save //这 阅读全文
posted @ 2021-05-28 18:51 dzyany 阅读(480) 评论(0) 推荐(0)
摘要:添加resize事件 1.在钩子函数mounted中为window添加resize事件 window.addEventListener('resize', this.pageResize,true) 2.在钩子函数methods中添加resize处理方法 pageResize: debounce(f 阅读全文
posted @ 2021-05-18 17:28 dzyany 阅读(5230) 评论(0) 推荐(0)
摘要:换肤 ColorPicker 颜色选择器 这里是直接用了elementUi的颜色选择器ColorPicker组件实现的 第一 在组件目录中新建ThemePicker/index.vue文件 第二 文件内容如下: <template> <el-color-picker v-model="theme" 阅读全文
posted @ 2021-04-25 18:30 dzyany 阅读(1710) 评论(1) 推荐(0)
摘要:Vue-json-Editor json可视化编辑器 安装插件 npm install vue-json-editor --save 封装使用方法(父传子) ps:父传子,在父组件中通过属性传值,子组件通过prop接收 新建子组件 <template> <div class="jsonEditor" 阅读全文
posted @ 2021-04-21 15:13 dzyany 阅读(1328) 评论(0) 推荐(0)
摘要:一、 下载 注意: 一般Git的代码都是测试环境,下载的时候一定要切换分支到 master,步骤如下: 切换分支;在本地新建文件夹用来存放代码,进入文件夹后右键单击“Git Bash Here”,输入 “$ git checkout master” 下载;继续输入 “$ git clone http 阅读全文
posted @ 2021-04-15 19:58 dzyany 阅读(1241) 评论(0) 推荐(0)
摘要:修改config文件夹下的index.js ,将路径改成如下: assetsPublicPath: '/', 阅读全文
posted @ 2021-03-23 18:18 dzyany 阅读(77) 评论(0) 推荐(0)
摘要:vue使用echarts 第一步 安装 //安装最新版 npm install echarts --save //安装指定版本 npm install echarts@4.9.0 --save 第二步 引用 //在需要使用echarts文件中引用 import echarts from 'echar 阅读全文
posted @ 2021-03-22 10:13 dzyany 阅读(47) 评论(0) 推荐(0)
摘要:vue使用jquery 第一步 安装 npm install jquery --save 第二步 配置 ​ 在vue.config.js中添加以下代码 module.exports = { chainWebpack: config => { config.plugin('provide').use( 阅读全文
posted @ 2021-03-22 10:04 dzyany 阅读(65) 评论(0) 推荐(0)
摘要:组件传值 兄弟传值bus 第一步 创建bus.js 在src目录下新建utils/bus.js,内容如下: import Vue from 'vue'; export default new Vue(); 第二步 引用 在需要传值和接受值的vue文件中,各自引入bus.js import bus f 阅读全文
posted @ 2021-03-22 10:01 dzyany 阅读(49) 评论(0) 推荐(0)
摘要:在项目的package.json同级下的vue.config.js文件中(如果没有就新建该文件),添加 config.plugin('provide').use(webpack.ProvidePlugin, [{ $: 'jquery', jquery: 'jquery', jQuery: 'jqu 阅读全文
posted @ 2021-03-17 16:30 dzyany 阅读(1031) 评论(0) 推荐(0)
摘要:未配置代理 代理后 解决方案 1.在项目的根目录,也就是于package.json同级目录下新增vue.config.js文件 2.在vue.config.js中添加下段代码 module.exports = { devServer:{ port: 8080, open: true, //浏览器自启 阅读全文
posted @ 2021-03-17 16:13 dzyany 阅读(358) 评论(0) 推荐(0)
摘要:vue -V 阅读全文
posted @ 2021-03-17 15:49 dzyany 阅读(54) 评论(0) 推荐(0)