![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
larica
这个作者很懒,什么都没留下…
展开
-
Vue 图例自定义
自定义echarts图例显示内容原创 2022-09-23 10:47:37 · 477 阅读 · 1 评论 -
wangeditor在vue中的组件封装以及图片上传功能实现
wangeditor在vue中的组件封装以及图片上传功能实现原创 2021-12-13 16:57:11 · 1125 阅读 · 0 评论 -
mac Vue项目解决内存溢出
内存溢出的原因 nodejs在执行JavaScript时,内存受到v8限制,64位约为1.4g,32位0.7g 限制内存原因:垃圾回收时,js线程会暂停执行(避免JS应用逻辑与垃圾回收器看到的不一样),大量的堆内存回收严重影响性能 解决方案 安装两个npm包: increase-memory-limit-fixbug 和 cross-env npm install increase-memory-limit-fixbug cross-env -g packa..原创 2021-10-19 14:05:57 · 907 阅读 · 0 评论 -
vue用git创建自己的组件库
创建vue项目 创建组件,组件全局化 package.json添加入口文件 "main": "src/components/index.js", "typings": "src/components/index.js", 引入名和项目名一样 引入 "study_note": "git+https://gitee.com/cr1405284875/management-system.git#master", ...原创 2021-07-05 21:42:09 · 365 阅读 · 0 评论 -
vue3.0——环境配置问题采集
1、Cannot find module ‘vue-loader-v16/package.json解决办法: 1. npm uninstall vue-loader-v16 2. cnpm i vue-loader-v162、ERROR Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree. 1. node版本问题 2. 推荐安装14.15.1 3. [mac下n原创 2021-06-07 00:10:53 · 184 阅读 · 0 评论 -
vue——vue-seamless-scroll中点击事件消失的问题
在使用vue-seamless-scroll做页面自动滚动的时候,在添加点击事件后发现在滚动到第二遍的时候点击事件消失。最后发现是由于vue-seamless-scroll在实现滚动的时候自行复制了一份DOM,导致在复制的DOM出现的时候点击事件消失。1、出现问题2、解决办法利用事件委托,在vue-seamless-scroll标签上一层添加@click="handleClick($event)",然后将要传给事件的参数通过:data赋值给函数的形参。...原创 2021-04-18 17:21:38 · 2125 阅读 · 0 评论 -
Vue——PubSub.js
1、组件间通信:消息的订阅与发布(PubSub.js)使用PubSub可以在Vue任意组件间进行传值,无需要进行中间层层传递。2、消息的发布。首先是组件发布消息,发布另一个页面需要的data。语法:PubSub.publish('msg', data)实例:<script>import PubSub from 'pubsub-js' // 首先在此导入PubSubexport default { data () { return { curIndex:原创 2021-04-11 15:16:30 · 1113 阅读 · 3 评论 -
Vue项目错误收集以及解决办法
项目出现error Unexpected ‘debugger‘ statement no-debugger。解决办法:在package.json中的eslintConfig的rules下面添加以下代码:// 关闭debugger和console报错 'no-debugger': 'off', 'no- console': 'off',参考文章:Vue项目出现error Unexpected ‘debugger‘ statement no-debugger...原创 2021-04-08 22:28:01 · 405 阅读 · 0 评论 -
Vue——vue项目打包完点击index.html打开
在Vue项目打包完之后会出现:Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.1、用http-server解决。在本地安装一个简易的http服务器。 npm install http-server -g然后在打包好的dist包中运行:hs2、修改项目配置,因为vue-cli的默认配置中, publishPath是用绝对目录, 所以dist原创 2021-04-03 22:21:17 · 3615 阅读 · 0 评论 -
vue—highlight.js在Vue中的使用(pre标签代码高亮)
1、highlight.js介绍。highlight.js用于在web界面对pre标签的美化。2、在Vue中highlight.js环境的配置。此处参考highlight官网给出的文档:如何使用Highlight.js首先cnpm安装依赖:cnpm install highlight.js其次在main.js 中导入所需配置:import hljs from "highlight.js";import "highlight.js/styles/atelier-cave-dark.css"原创 2021-03-20 14:44:17 · 5926 阅读 · 1 评论 -
vue-seamless-scroll组件学习
此组件在已在vue-seamless-scrool做了详细介绍。主要做一下问题记录:环境配置cnpm i vue-seamless-scroll --save//全局配置import Vue from 'vue'import scroll from 'vue-seamless-scroll'Vue.use(scroll)然后就可以在项目中运用文档介绍的各种案例了。2. 横向滚动时出现数据不能衔接在一起的问题。在进行横向滚动的时候,由于数据由后端接口接入,在使用的时候发现上下数据不能衔原创 2021-02-25 20:13:04 · 384 阅读 · 0 评论 -
Vue——vuex环境搭建以及语法学习
vuex环境搭建<1>、cnpm i vuex --save<2>、在src下面创建store,然后创建index.js,创建state.js,getters.js,mutations,actions四个js文件。在index.js文件中引进这四个文件。import Vue from 'vue'import Vuex from 'vuex'import state from './state'import getters from './getters'import..原创 2021-02-21 23:45:05 · 115 阅读 · 0 评论 -
Vue项目中引进代码高亮插件——vue-highlightjs
在做代码高亮的时候,发现需要引进代码高亮的插件,搜集资料发现以下可实现代码高亮 的插件:vue-highlightjs、DlHighlight、highlight.jsr、syntaxhighlighter、prism.js。我在使用选择了vue-highlightjs,具体...原创 2020-12-03 00:25:20 · 3741 阅读 · 0 评论 -
前端入门经验——iview下Modal对话框样式修改
先放一张没有修改过的iview对话框。修改过的Modal。代码:HTML: <Modal v-model="modalGlzcy" class-name="qzcxQzc" :closable="false"> <!-- <template #header> </template> --> <div slot="header"> <div class=.原创 2020-11-24 20:21:18 · 4657 阅读 · 0 评论 -
Vue项目中引进elementUI和markdown
一、引进ElementUI。1、cnpm安装。cnpm i element-ui -S2、main.js中引入elementUI。import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)二、引进markdown。vue中引进markdown原创 2020-11-12 23:36:47 · 1191 阅读 · 0 评论 -
Vue项目引进sass
sass-loader依赖于node-sass,所以要安装node-sasscnpm install node-sass --save-dev //安装node-sasscnpm install sass-loader --save-dev //安装依赖包sass-loadercnpm install style-loader --save-dev //安装style-loader2. 在build文件夹下的webpack.base.conf.js的m.原创 2020-08-31 20:51:00 · 1130 阅读 · 0 评论 -
谷歌浏览器安装vue-devtools报错:! vue-devtools@5.3.3 build: `cd packages/shell-chrome&&
在安装vue-devtools的时候,遇到出现以下问题:查找网上大佬们的解决办法,最终完美解决:步骤如下:下载比较旧的版本,我下载的是:V5.1.1。https://github.com/vuejs/vue-devtools/tree/v5.1.1cnpm icnpm i项目打包。出现如下图代码:修改:shells/chrome/manifest.json中的"persistent": false。将值改为true。...原创 2020-08-30 23:09:37 · 3960 阅读 · 0 评论 -
Vue——引进ivew
创建Vue项目。在这里插入代码片命令行安装iview。$ npm install view-design --save备注:原先的 npm 包 iview 将不再使用,需要替换为新包 view-designhttps://iviewui.com/docs/introducemain.js修改。import iview from 'iview'import 'iview/dist/styles/iview.css'...原创 2020-08-30 19:21:51 · 65 阅读 · 0 评论 -
npm的安装、Vue的安装以及vue-cli版本的更新
vue-cli的安装。npm install vue-cli -gvue版本的查看。vue -Vvue3.0以后就不用使用vue-cli了, 如果用以上命令安装的话不是3.0以上的版本。npm install @vue/cli -g如果已经安装了的话需要卸载原来已经安装的,卸载命令如下:npm uninstall vue-cli -g...原创 2020-08-09 20:22:22 · 2367 阅读 · 1 评论 -
Vue——引进bootstrap
引进jQuery。<1>安装指令: npm install jquery --save-dev<2>在build目录下的webpack.base.conf.js中,在module.exports中找到resolve,在其alias项中添加: 'jquery':'jquery',<3>在module.exports中找到plugins,并添加以下代码 // 增加一个pluginsplugins: [ new webpack.optimize.Co.原创 2020-08-30 17:49:55 · 98 阅读 · 0 评论