- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue3-router获取query字段常见问题
先了解路由里面的history模式history: createWebHashHistory url上带#history:createWebHistory rul上不带#注意：如果使用history:createWebHistory模式，如果浏览器缓存带上了#，是获取不到query字段的。
2022-07-12 10:31:41
2950
1
原创 微信小程序封装request请求
request.jsimport config from './config'export default (url, data={}, method='GET',token) => { return new Promise((resolve, reject) => { // 1. new Promise初始化promise实例的状态为pending wx.request({ url: config.host + url, data,...
2021-09-18 11:38:47
214
1
原创 Moke使用
1、安装mokenpm install mockjs -S2、在项目里创建一个文件夹用来存放模拟数据的文件，例如 /src/mock/index.jsconst Mock = require("mockjs");let data = Mock.mock({ "data|100": [ //生成100条数据 数组 { "shopId|+1": 1,//生成商品id，自增1 "shopMsg": "@ctitle(10)",
2021-09-14 14:11:28
631
原创 Css选择器
第一个.类xxx:nth-child(1){padding-left:20rpx;}最后一个.类xxx:last-child{padding-right:20rpx;}
2021-08-10 15:28:18
122
原创 页面弹窗居中
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) //参考自身定位居中
2021-07-28 15:10:20
72
原创 Css控制一行文字超出不换行
white-space: nowrap; //超出不换行 text-overflow: ellipsis; //超出省略号 overflow: hidden; //超出隐藏
2021-07-26 10:26:23
356
原创 Vue组件插槽
//值在父组件<chacao> <!-- 可以通过slot定义插槽存放位置 --> <ul slot="slots"> <li v-for="(item,index) in games" :key="index">{{item}}</li> </ul></chacao>组件内://定义插槽的位置和名称<slot name="slots"></s.
2021-07-17 15:53:29
67
原创 Vue动画、过渡
动画:<template> <div> <button @click="isdonghua = !isdonghua">显示/隐藏</button> <!-- appear 首次运行加载 --> <transition appear> <h1 v-show="isdonghua">我是动画</h1> </transition> </
2021-07-16 19:51:08
73
原创 Vue全局事件总线(任意组件之间通信)
vue组件中如果要通信，一般是通过父组件监听，然后再操作，这样比较繁琐，可以利用全局事件总线来实现。A组件要触发B组件的事件：先要绑定全局事件总线的变量main:new Vue({ router, store, render: h => h(App), beforeCreate(){ Vue.prototype.$bus = this //安装全局事件总线 此时的this指向Vue 可以使用vue里面的方法 如$on $emit }}).$mount
2021-07-16 11:18:06
412
原创 Vue组件自定义事件传递(绑定、解绑)
父组件:<div> <!-- <val v-on:chang="demo"></val> --> <!-- 简写 --> <!-- <val @chang="demo"></val> --> <!-- 通过ref传事件 灵活性更高 --> <val ref="valref"></val></div>
2021-07-15 17:36:17
578
原创 Vue事件修饰符
@click.xxxx (可以在后面加.xxx)xxx：列：@click.prevent.stopprevent：阻止默认事件stop：阻止事件冒泡once：事件直会触发一次capture：使用事件的捕获模式self：只有event.target是当前操作的元素时才会触发事件passive：事件的默认行为立即执行,无需等待事件的回调执行完毕vue的键盘事件@keydown.xxx列：@keydown.xxx +xxx回车：enter删除：delet..
2021-07-13 17:14:07
72
原创 Vue的数据代理
先来一个简单的数据代理let obj = {x:'100'} let obj2 = {y:'200'} Object.defineProperty(obj2,'x',{ get(){ return obj.x }, set(val){ obj.x = val } })通过definePrope
2021-07-13 16:46:40
63
原创 Vue Cli关闭严格模式
新建vue.config.vue文件module.exports = { lintOnSave:false //关闭严格模式}
2021-07-09 17:02:29
600
原创 Promise搭配async和await使用方法
//是ES7新产物,为了解决promise中.then回调的使用,把异步方法(写在then里)变成同步方法 function data1(){ return new Promise ( (resove,reject) => { setTimeout ( () => { console.log('我是data1'); let data1 = '我是data1传递的参数' resove(data1) .
2021-07-09 15:30:32
494
原创 Element 表达效验必须整数
<el-form-item label="Roll房门槛" prop="region"> <el-input v-model="ruleForm.region" placeholder="请输入充值门槛(整数)"></el-input> </el-form-item>region: [ { required: true, message: '请输入充值门槛', trigge.
2021-07-08 23:28:46
328
原创 js删除数组特定的几个元素（同时删除）
let add= [0, 2] // 要删除的序列if (add.length !== 0) { for (let i = add.length - 1; i >= 0; i--) { addlist.splice(add[i], 1) }}可以利用倒序删除 这样就不会受元素位置因素影响。
2021-07-03 13:16:05
1130
原创 element表单
因为element表单时间组件返回的格式是这样的 :Thu Dec 31 2026 00:00:00 GMT+0800 (中国标准时间)可以通过Date.parse(hu Dec 31 2026 00:00:00 GMT+0800 (中国标准时间))转换为13位的时间戳
2021-07-02 19:00:09
75
原创 Vue子组件修改父组件的值
//子组件<组件 :active.sync="active"></组件>//修改this.$emit('update:active', 新值);
2021-07-02 17:43:25
124
原创 H5+app沉淀式状态栏
沉淀式状态栏的使用//先设置为状态栏的高度为0plus.webview.currentWebview().setStyle({top:'0px'});if(plus.navigator.isImmersedStatusbar()){ //判断是否支持沉淀式状态栏 if(plus.navigator.getStatusbarHeight() > 0){ //这里判断一下状态栏是否为0 plus.webview.currentWebview().set
2021-07-02 17:40:22
535
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人