04 2022 档案
摘要:$attrs的使用: 在爷组件(index.vue)中,类似props传值,将需要传递的值绑定在父组件上。 在父组件中,也是类似props传值,但是这里传递的就不是值了,而是$attrs。 在孙组件中,接收props,这样就可以在孙组件中使用这个数据了。 (需要注意的是父组件中不需要接收props,
阅读全文
摘要:1. element 的上传图片 <template> <el-upload ref="imgUpload" :before-upload="(file)=>beforeAvatarSuccess(file,'xslx')" :http-request="onRequest" action="" l
阅读全文
摘要:let arr = [1,1,"1","1",true,true,"true",{},{},"{}",null,null,undefined,undefined] 1. // 方法1 let uniqueOne = Array.from(new Set(arr)) //Array.from() 类数
阅读全文
摘要:1.利用绝对定位,先将元素的左上角通过 top:50%和 left:50%定位到页面的中心, 然后再通过 translate 来调整元素的中心点到页面的中心。该方法需要考虑浏览器兼容问题。 .parent { position: relative; } .child { position: abso
阅读全文
摘要:新建一个vue.config.js文件 module.exports = { devServer: { open: true, proxy: { '/api': { target: 'url', //代理目标的路径 changeOrigin: true, pathRewrite: { '^api':
阅读全文
摘要:1.字符串截取 substring() //包含开始 不包含结束 (返回新字符串,不改变原字符串) let str = "123456"; console.log( str .substring(1,3) ); //23 console.log( str .substring(1, 100) );
阅读全文
摘要:1.数组末尾追加 push let arr = [12,34,26]; arr.push(100); //返回一个新的长度 arr.length=4console.log(arr)//结果为 [12,34,26,100] 2.数组末尾删除 pop let arr = [108,112,39,10];
阅读全文
摘要:1.定义初始值 data(){ pageList:{ total:0, //总条数 size:10, //每页显示的数据 page:1 //当前页码 } } 2.调用分页的组件 <el-pagination @size-change="handleSizeChange" @current-chang
阅读全文
摘要:. 效果图 1.定义参数 setup() { const name = ref('1.作业信息') //默认的值 const list = reactive([ //定义一个数据的数组 {name: "1.作业信息", id: '1'}, {name: "2.签字确认", id: '2'}, {na
阅读全文