随笔分类 - 前端
vue，uniapp，nuxt
vue打印部分页面
摘要：方法一、 在项目中安装插件vue-print-nb npm install vue-print-nb --save 在main.js中引入 import Print from 'vue-print-nb' //打印 Vue.use(Print) 使用 //点击打印 <el-button v-prin
阅读全文
vue页面转pdf
摘要：1. 1.安装 //先把页面转为图片 npm install --save html2canvas //然后图片转pdf npm install jspdf --save 创建pdf.js import html2canvas from "html2canvas"; import jsPDF fro
阅读全文
使用vue-pdf实现pdf预览翻页
摘要：1.先引入 npm install --save vue-pdf vue3用 npm install --save vue-pdf3 2.导入 import pdf from 'vue-pdf' components: {pdf}, 3.vue中使用 <pdf style="width:100%;h
阅读全文
vue找不到页面自定义404页面
摘要：在vue项目中，如果不做路由处理的话，用户可以直接在url随意输入跳转页面， 默认的时候我们是并没有什么处理。 现在需要做一个自定义的404找不到页面的处理方式。 1.在router文件夹下的index.js中添加 { path: '/:catchAll(.*)', name: '404', //
阅读全文
css上下浮动效果
摘要：.div{ margin: 10px auto; animation: bounce-down 3.5s linear infinite;} @-webkit-keyframes bounce-down { 25% { -webkit-transform: translateY(-10px); }
阅读全文
以逗号分割的字符串和数组之间来回转换的方法
摘要：数组转字符串用逗号分割 String[] arr = ["1","2","3","4","5"] String arrString = arr.join(","); 其中逗号可以改成其他任意符号 以逗号分割的字符串转为数组 String arrString = "1,2,3,4,5" String[
阅读全文
nuxt将数据储存到cookic，并添加至title
摘要：1.执行命令 npm i --save cookie-universal-nuxt 2.在nuxt.config.js中添加 'cookie-universal-nuxt',['cookie-universal-nuxt', { alias: 'cookiz' }], 3.在vue文件中使用 thi
阅读全文
vue将字符串中的数字替换为*
摘要：再一次开发中碰到一个问题，为了防止交易双方在备注中互留电话导致诈骗的发生，做了一个自动将备注中的数字替换为*的需求 话不多说，上代码 let output = []; let text = "123456你好123你好123" for (let i = 0, i < text .length ; i
阅读全文
uniapp原生tabbar设置并添加数字角标或小红点提示
摘要：uniapp配置并设置原生tabbar，原生tabbar基本够用，没必要去用一些比较难配置的插件//原生tabbar设置在pages.json里面添加如下配置 "tabBar": { "selectedColor": "#31869B",//点击之后的字体颜色 "iconWidth": "18px"
阅读全文
关于uniapp的拖动悬浮球
摘要：这两天在做一个项目，有个小模块是悬浮球功能，可以拖动的那种 组件也找了，发现组件那个会很卡，而且页面会跟着滚动，球球初始位置也让人很难受 尤其是当我一刷新球球丢了就很蒙，看来那个还是需要完善的 然后我去百度搜了搜，然后找到了解决方法，我判断了下球球初始情况 初始是按百分比定位的，这样对一些大屏设备还
阅读全文
