vue
sir.山
每天写一点
展开
-
Nuxt.js刷新界面模板没有生效
通过路由跳转界面效果正常,独立的模板生效;刷新界面,layout模板恢复默认default模板,界面布局乱掉。layouts 根目录下的所有文件都属于个性化布局文件,可以在页面组件中利用 layout 属性来引用。Nuxt3版本提供的default模板中提供了。:都写在default默认模板中,进行区分,目前没有找到优雅的解决方案……新版本提供了很多有趣的功能可以去看看。原创 2023-11-24 10:40:35 · 736 阅读 · 0 评论 -
Element中el-table组件右侧空白隐藏-滚动条
固定table高度时,出现滚动条,我们希望隐藏滚动条,或修改滚动条样式,出现table右边出现15px 的固定留白。原创 2023-11-23 08:56:29 · 1668 阅读 · 1 评论 -
element el-date-picker报错Prop being mutated:“placement“快速解决方式
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "placement"原创 2023-11-17 09:38:02 · 867 阅读 · 0 评论 -
--max-old-space-size=8192报错
vue项目运行时,如果经常运行慢,崩溃停止服务,报如下错误因为在 Node 中,通过JavaScript使用内存时只能使用部分内存(64位系统:1.4 GB,32位系统:0.7 GB),这个时候,如果前端项目非常的庞大,Webpack编译时就会占用很多的系统资源,如果超出了V8引擎对Node默认的内存限制大小时,就会产生内存溢出的错误。原创 2023-11-16 10:47:05 · 3359 阅读 · 0 评论 -
海报,截图,保存图片功能一览
1.架构2.命令3.场景4.遇到的问题5.代码6.对应的解决方案原创 2022-07-13 08:00:00 · 300 阅读 · 0 评论 -
taro小程序拖拽效果源码
博客由来晴空万里的情况下,产品看技术人员心情不错,于是开始提前布局了。谦虚的向前端提了一个这样的需求,能不能实现拖拽的效果,优化一下排序的可操作性,‘不着急实现的’;听到这,还能忍!必须实现一下!效果图, 代码是原taro vue开发以每一组数据顶部到合作顶部距离,计算排位顺序https://v.qq.com/x/page/b3225uujvcn.html<view class="listbox"> <view v-if="showkelong"原创 2021-02-03 14:55:53 · 1239 阅读 · 0 评论 -
vue-socket.io实现长链接
之前提到ScokJS.SockJS是一个浏览器JavaScript库,它提供了一个类似于网络的对象。SockJS提供了一个连贯的、跨浏览器的Javascript API,它在浏览器和web服务器之间创建了一个低延迟、全双工、跨域通信通道。今天介绍vue-socket.io 一个专门问题vuejs提供的plugin,这里实现了一个身份证读卡器的socket长链接。引入方式一:只使用了vue-socket.io 的方法,介绍vue-socket.io其实是在socket.io-client基础.原创 2020-12-11 18:17:47 · 1551 阅读 · 0 评论 -
LCD液晶字体
大屏或是web使用,LCD液晶字体使用方案:去 dafont下载.ttf格式字体,输入0123456789,点击下载(图一)通过fontconverter或者fontsquirrel.com来生成.woff等格式的字体(第二个连接似乎更好用,图二)正常导入.woff文件图一:图二:...原创 2020-11-26 10:57:29 · 4128 阅读 · 1 评论 -
vue禁用浏览器返回按钮
mounted() { if (window.history && window.history.pushState) { // 历史记录 插入当前界面 history.pushState(null, null, document.URL) window.addEventListener('popstate', this.goBack, false) } },destroyed() { window.removeEventL原创 2020-11-23 17:28:18 · 1116 阅读 · 3 评论 -
弧形背景和倒计时优化
弧形背景.pure_top { width: 100%; height: 100px; position: relative; z-index: 0; overflow: hidden;}.pure_top::after { content: ''; width: 120%; height: 100px; position: absolute; left: -10%; //椭圆左边隐藏10%,右边隐藏10% top: 0; border-radi原创 2020-10-21 00:10:02 · 183 阅读 · 0 评论 -
vue优化打包速度
优化方向优化压缩css,js,图片等能力能多cpu运行,加快压缩速度这里采用方法二在不修改项目连接ip的情况下,第一次运行不是很快,第二次运行几秒就可以打开本地服务第一:执行,安装以下包npm install terser-webpack-plugin --save-devnpm install --save-dev speed-measure-webpack-pluginnpm install --save-dev hard-source-webpack-plugin第二:在bui原创 2020-08-28 11:45:32 · 1071 阅读 · 0 评论 -
vue3配置问题
实现打包开发,使用不同环境:根目录添加 vue.config.jsconst path = require('path');function resolve(dir) { return path.join(__dirname, dir);}module.exports = { publicPath: '/', outputDir: process.env.out...原创 2019-08-09 16:06:08 · 599 阅读 · 0 评论 -
vue2升级vue3.x
无需要装卸 vue2.x :npm uninstall -g vue-cli可以直接升级npm install -g @vue/cli原创 2019-08-08 15:26:57 · 3378 阅读 · 1 评论 -
vue-cli2分环境打包
现在安装地址一修改,地址二用来部分完善,走完二个博客,就可以打包了!参考地址:https://blog.csdn.net/lbPro0412/article/details/84029487https://www.cnblogs.com/lhl66/p/10490016.html下面是vue3.x的分环境打包另外: vue3.x的分包就创建 .env.build .env.test 文...原创 2019-08-06 10:43:44 · 547 阅读 · 0 评论 -
vue引入Element,pc端组件库
1.创建vue基本框架,2.在对应项目的路径终端下输入 : npm i element-ui -S3.代码导入后,在src –> main.js 中全局引入css是必引入的 import ‘element-ui/lib/theme-chalk/index.css’;控件的引入有二种方式 第一。 import Ele...原创 2018-07-02 16:46:30 · 1785 阅读 · 0 评论 -
vue中配置sass,scss的方法
第一、在安装完vue的框架后,在对应终端中输入代码npm install node-sass –save-dev npm install sass-loader –save-dev 有的是位置调换 都是没差别的 npm install –save-dev node-sass npm install –save-dev sass-loader 按照下面代码执行npm inst...原创 2018-06-30 15:31:52 · 1263 阅读 · 0 评论