- 博客(11)
- 收藏
- 关注
原创 Vue3学习笔记之Provide和Inject
Provide 和 Inject基本使用在一般的情况下,父组件想要把数据传递给子组件,使用的都是props。但是如果父组件想要把数据传给孙组件甚至更深层级的后代组件,props就会显得十分繁琐,这时候就要用到我们的Provide和Inject了。这里我定义了三个组件,分别是fatherCom,sonCom,grandsonCom在父组件里面加上provide,用来定义传给后代组件的数据,孙组件(后代组件)里面添加inject数组,再往数组里面添加相应的变量名,用来接收父组件provide传过来的
2021-06-18 20:53:15 692
原创 vue在组件上加key的作用
1、key就是给每一个vnode的唯一id,可以依靠key更准确地拿到oldVnode中对应的节点。2、还有一个就是避免组件“原地复用”带来的副作用,加上key,可以让组件在数据变化时强制更新组件。
2021-06-17 13:37:26 3281
原创 antdv 的 table 点击单元格跳转路由并携带参数
text:是该单元格的文本record:是该单元格所处行的数据cellClick():点击跳转页面,详情如下:
2021-06-17 13:33:27 1086
原创 Vue动态class
对象语法<div :class="{active:isActive}">动态class</div>上面的语法表示 active 这个 class 存在与否将取决于数据 property isActive 的 值问true或者false。当有多个class的时候可以不写在内联样式上:数组语法...
2021-06-17 13:28:51 51
原创 过滤数组的方法filter()
filter函数一般用法,过滤数组,但不会改变原来数组let arr = [1,2,3,null,4,5]let filterArray = arr.filter((item)=>{return item != null //去掉数组的nu’l’l})filter()还可以用来去重var r, ary = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry']; r
2021-06-17 13:25:58 5522
原创 字符串截取方法
1.string.slice(start, end)提取一个字符串2.string.substring(start, end)提取一个字符串,end不支持负数3.string.substr(start, len)提取一个长度为len的字符串当接收二个参数时,第一个参数都表示当前的下标,slice和substring的第二个参数表示截取的结束下标,而substr表示的是需要截取的字符串的位数。...
2021-06-17 13:22:49 323
原创 供应链项目用作于时间控件切换的方法(公司项目)
// 日期切换 determinemonth(value){ let tempTime = value.split('-'); if(tempTime[0] + '' + tempTime[1] == this.$store.state.monthTime.substr(0,6)){ this.timedate = this.$store.state.daytime }else { let lastDay = new ...
2021-06-17 13:21:43 71
原创 为什么控制台Network会出现相同的接口请求
之前在使用axios发现每次调用接口都会有两个请求,第一个请求时option请求,而且看不到请求参数。因为这种请求方式是不返回结果的,所以在Preview中看到就是一片空白,当时也没注意,只当做是做了一次预请求,判断接口是否通畅,但是最近发现并不是简简单单那么回事。 其实,这是因为我们使用了axios请求触发了某些行为造成的。如果只是普通的 ajax 请求,也不会发起这个请求,只有当 ajax 请求绑定了 upload 的事件并且跨域的时候,就会自动发起这个请求。...
2021-06-17 13:18:52 586
原创 移动端开发的几种模式
webApp: 即web开发模式,就是在浏览器中运行的web应用(网页应用),开发成本低,体验差,不需要安装。原生App: 用android和object-C原生语言开发的应用,开发成本高,需要安装(原生应用)混合APP: 混合开发模式是原生开发和Web开发结合开发,外层是原生开发,内层是Web开发,列如淘宝就为混合开发。开发人员使用html,css,javascript语言进行开发,混合开发的兼容性相较于网页开发的强。其开发出来的程序也是独立的原生App,需要用户下载安装使用,依赖于
2021-06-17 13:11:17 1543
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人