axdbk  

2023年9月13日

vue移动端调试工具
摘要： 1、安装vconsole npm install vconsole 2、main.js中导入 import Vconsole from 'vconsole' const vConsole = new Vconsole() Vue.use(vConsole) 阅读全文
posted @ 2023-09-13 18:53 前端真难123 阅读(44) 评论(0) 推荐(0) 编辑

2023年7月30日

vue移动端适配
摘要： 1.安装 npm add postcss-pxtorem@5.1.1 amfe-flexible -S amfe-flexible是可配置可伸缩布局方案，主要是将1rem设为viewWidth/10。 postcss-pxtorem是postcss的插件，用于将像素单位生成rem单位。 2.在vue 阅读全文
posted @ 2023-07-30 15:15 前端真难123 阅读(32) 评论(0) 推荐(0) 编辑
 
js代码优化
摘要： // 案例： function previewWeek(i) { switch (i) { case 1: return '星期一' break; case 2: return '星期二' break; case 3: return '星期三' break; case 4: return '星期四' 阅读全文
posted @ 2023-07-30 14:03 前端真难123 阅读(6) 评论(0) 推荐(0) 编辑

2023年3月14日

uniapp地址传参传对象
摘要： 跳转页面 to_message(data) { uni.navigateTo({ url: `/pages/message/index?data=${encodeURIComponent(JSON.stringify(data))}` }) } 跳转到的页面 onLoad(option) { con 阅读全文
posted @ 2023-03-14 17:41 前端真难123 阅读(37) 评论(0) 推荐(0) 编辑

2023年2月20日

vue中watch监听计算总价总数量
摘要： 应用场景，当购物车添加了一个商品时，购物车的总数和其总价格需重新计算 这里有4个商品，现在对任意一个进行添加或删除总价格和总数量都要进行变化 1. 定义变量 dataList: [ {name: '圆面', price: 5, num: 0}, {name: '宽面', price: 12.3, n 阅读全文
posted @ 2023-02-20 16:00 前端真难123 阅读(65) 评论(0) 推荐(0) 编辑

2022年9月21日

ES6合并数组并去重
摘要： const deps = { '采购部':[1,2,3], '人事部':[5,8,12], '行政部':[5,14,79], '运输部':[3,64,105] } let member = Object.values(deps).flat(Infinity); // [1, 2, 3, 5, 8, 阅读全文
posted @ 2022-09-21 14:19 前端真难123 阅读(770) 评论(0) 推荐(0) 编辑

2022年8月16日

解决vue开发过程中，修改了数据，但是页面没有渲染改变
摘要： 1、用JSON.parse(JSON.stringify(Array)) 2、this.$set() let arr = [{id: '', name: '', age: 0}] let newArr = [{id: '1', name: '张三', age: 12}] for(var key in 阅读全文
posted @ 2022-08-16 11:08 前端真难123 阅读(53) 评论(0) 推荐(0) 编辑

2022年7月25日

css文本超出隐藏省略号
摘要： 1. 超出显示省略号(单行，一定要加宽度) overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/2. 超出显示省略号(多行，一定要加宽度)　overflow: h 阅读全文
posted @ 2022-07-25 14:22 前端真难123 阅读(399) 评论(0) 推荐(0) 编辑

2022年7月6日

后端返回的数据会带一个换行符（“↵”），前端如何根据该符号进行换行展示
摘要： 方法一：textarea赋值 当我们拿到后端返回的数据时，直接通过v-model绑定给textarea，就会有默认的换行，但是它不能随内容高度增加textarea高度实现自适应，如果用JS来实现的话，相对麻烦一点。 方法二：使用v-html输出文本 “↵”符号在html中会识别别为\r,\n等转义字 阅读全文
posted @ 2022-07-06 10:06 前端真难123 阅读(2105) 评论(0) 推荐(0) 编辑

2022年6月22日

判断对象的每一个value值是否为空
摘要： let obj={a: 1, b: 2, c:3}; for (var key in obj) { if (!obj[key]){ return this.$message.error('请将必填项补充完整!') };} 阅读全文
posted @ 2022-06-22 14:30 前端真难123 阅读(194) 评论(0) 推荐(0) 编辑
下一页
 
Copyright © 2024 前端真难123
Powered by .NET 8.0 on Kubernetes
博客园