vue
关注
分享
扫一扫
vue
code_xuan
这个作者很懒，什么都没留下…
展开
-
避坑！写App页面打包IOS出现背景色丢失(高版本IOS，如IOS16)
【代码】避坑！写App页面打包IOS出现背景色丢失(高版本IOS，如IOS16)原创 2024-03-01 04:46:59 · 609 阅读 · 0 评论 -
JS获取URL中的参数(解决中文乱码)
url中携带参数：window.location = 'show715c.html?id=' + id + '&tagType='+10 + '&minTitle=常见问题';该方法存在中文乱码问题function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = win原创 2021-12-09 15:14:54 · 3569 阅读 · 0 评论 -
flex布局
flex布局的原理：设置父元素的属性以达到控制子元素位置flex布局的父项常用属性：flex-direction：设置主轴的方向justify-content：设置主轴上的子元素的排列方式flex-wrap：设置子元素是否换行align-content：设置侧轴上的子元素的排列方式（多行）align-items：设置侧轴上的子元素的排列方式（单行）flex-flow：复合属性，相当于同时设置了flex-direction和flex-wrap主轴和侧轴：默认的主轴方向是从左到右默认侧原创 2021-12-02 11:40:09 · 176 阅读 · 0 评论 -
css实现两图片浮动自适应居中显示
效果图：HTML：<div class="propAd" v-if="prop_ad_shade_img"> <image src="/static/img/propAd.png" mode="widthFix" class="prop_ad_img"></image> <image src="/static/img/propAdClose.png" mode="widthFix" class="prop_ad_close" @cl原创 2021-11-30 09:39:15 · 4176 阅读 · 0 评论 -
jQuery获取url参数，解决中文乱码问题
url：showbda3.html?imgPath='+imgPath+'&gameName='+gameName+'&gameCategary='+gameCategary+'&msg='+msgfunction getRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf(".原创 2021-11-27 17:29:59 · 867 阅读 · 0 评论 -
JS边界问题
问题出现在购物车递减商品，同时要递减购物车中的总价格，且购物车中每个商品个数不能小于1；出BUG的代码：decrease (item) { var that = this; if (Number(item.num) > 1) { item.num -= 1; } if (that.allChecked && item.num > 1) { console.log(item.num)原创 2021-11-19 16:09:25 · 842 阅读 · 0 评论 -
商品列表 v-for显示
效果图：代码：<view class="goods_list"> <view class="goods_item" v-for="xxx"> <image src="/static/img/banner_left_bottom.png" mode="scaleToFill" class="banner_left_bottom_img"></image> <view class="name">原创 2021-10-31 12:28:45 · 391 阅读 · 0 评论 -
H5视频播放demo
现在已经主流的方式都是优先先考虑使用h5播放器;因为video样式是原生的界面看起来比较普通，但使用起来也很方便，手机端兼容情况很不错。网上的教程也比较多，我们下面的例子可以实现全屏的操作。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <bod.原创 2021-09-30 15:44:08 · 548 阅读 · 0 评论 -
layUI数据表格-后台返回的数据格式非layui默认格式 + 数据表格中显示客制化内容 + 多选批量获取数据表格中数据
返回的数据格式：{ "msg": "操作成功", "status": 1, "data": { "total": 155, "per_page": 10, "current_page": 1, "last_page": 16, "data": [ { "id": 496011, "client_name": "陈加笔原创 2021-09-03 17:45:48 · 4951 阅读 · 0 评论 -
JS发送邮件
<!DOCTYPE html><html> <script src="https://smtpjs.com/v3/smtp.js"> </script> <head> <title>Title of the document</title> </head> <body> The content of the document...... <div style="back原创 2021-09-07 09:35:44 · 3409 阅读 · 0 评论 -
div单选多选-动态改变样式
单选：需求：两个div，一次只能点击一个，将点击的div样式进行改变-加背景图并改背景色效果图：HTML：条件表达式动态绑定样式：:class="{'active': isChange==index}<div class="test" :class="{'active': isChange==index}" v-for="(item,index) in upArr" :key="index" @tap="tapInfo(index,item.id)"> <div cl原创 2021-08-30 15:20:55 · 1453 阅读 · 0 评论 -
element-ui实现tableTree：前后端
需实现的效果：前端代码：<template> <div class="app-container"> <el-table :data="tableData" :load="getChildrens" :tree-props="{children: 'children', hasChildren: 'hasChildren'}" style="width: 100%" row-key="id" border la原创 2021-08-24 15:34:07 · 526 阅读 · 0 评论 -
VUE组件重用问题-两次跳转同一个路由组件页面不刷新(修改和添加公用一个页面时)
问题：vue-router导航切换 时，如果两个路由都渲染同个组件，组件的生命周期方法（created或者mounted）不会再被调用, 组件会被重用，显示上一个路由渲染出来的自建解决方案：可以简单的在 router-view上加上一个唯一的key，来保证路由切换时都会重新触发生命周期方法，确保组件被重新初始化。修改 src/views/layout/components/AppMain.vue 文件如下：<router-view:key="key"></router-view原创 2021-08-19 18:08:35 · 1865 阅读 · 0 评论 -
element-ui分页，删除数据之后如何还在当页
<el-pagination background layout="prev, pager, next,total,jumper" style="padding: 30px 0; text-align: center;" :total="total" :current-page="page" :page-size="limit" @current-change="fetchData" >问题1：上下页切换不生效分页插件对应的page-change方法fetc原创 2021-08-14 17:10:53 · 1451 阅读 · 0 评论 -
vue-admin-template路由切换组件刷新
问题：在使用vue-admin-template进行页面搭建时发现每次路由切换都会调用created方法进行页面刷新。查看文档得知，需要开启缓存，但在实际操作时问题再次出现。添加页面缓存：首先是在路由中：(src/router/index.js)对需要添加缓存的页面对应的路由在meta中添加：keepAlive: true一个完整的页面路由如下:{ path: '/resQuery', component: Layout, redirect: '/resQuery/res原创 2021-08-14 16:15:14 · 985 阅读 · 0 评论 -
vue页面跳转传值和获取路径中的参数的两种形式
路径：http://localhost:3000/edit/123取值123的方式：this.$route.params.id路径：http://localhost:3000/?token=123取值123的方式：this.$route.query.token原创 2020-08-01 21:45:17 · 12171 阅读 · 3 评论 -
VueJS初学小结
2014年诞生，2013：react，2009:angularjs渐进式的js框架：也就是没有太多的限制，易用，灵活，高效而angularjs：只能用自己的组件，排他性（限制）较强核心概念：组件化（双向数据流，基于ES5中的defineProperty实现，监视当前声明的属性值改变，让页面发生改变）IE9才支持（有兼容性问题）angularjs核心：模块化（双向数据绑定，基于脏检测：就是一...原创 2019-05-13 16:01:37 · 401 阅读 · 0 评论