摘要: 本文开始,首先我们来看这两个词的意思,provide:提供 inject:注入 用处: 父组件可以向其所有子组件传入数据,而“不管子组件层次结构有多深(非父子和父子咱都能传)” 特性: 父组件有一个provide选项来提供数据 子组件有一个inject选项来开始使用这个数据 本文参考组件层级: In 阅读全文
posted @ 2022-11-04 13:04 Ynline 阅读(2653) 评论(0) 推荐(1) 编辑
摘要: 当我们使用vuex的时候,时不时能看到“更改Vuex中的store中的状态的唯一办法就是提交mutations”,但是有没有试想过,我们不提交mutations其实也能修改state的值?答案是可以的 我们可以直接使用如下方式; this.$store.state.num=666; 其中,这样修改的 阅读全文
posted @ 2022-11-03 00:50 Ynline 阅读(365) 评论(0) 推荐(0) 编辑
摘要: 用第三方组件或者UI框架会自带自身封装的事件,如keyup等,会覆盖原生的组件而无法起效果 而 .native 修饰符就是用来注册元素的原生事件而不是组件自定义事件的 如下: <el-input v-model="QueryText" placeholder="请输入内容" id="myInput" 阅读全文
posted @ 2022-10-30 14:53 Ynline 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 以下全部属性皆为横向(因为竖向的话只需要把x改为y即可,就不在本文列出) 1.clientWidth:元素内部宽度 =width+padding 2.offsetWidth:元素内部宽度=width+padding+border+scroll 3.clientLeft:元素左边框的宽度 4.offs 阅读全文
posted @ 2022-10-26 19:35 Ynline 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 区别: 1.Canvas使用笔刷来绘制2D图形,而svg主要是用标签来绘制不规则矢量图的 2.Canvas画的是位图(放大会模糊),svg话的是矢量图(放大不会失真) 3.Canvas性能好一些,但写起来更为复杂,svg节点过多时,渲染会慢 4.Canvas不支持分层和事件,但可以用库来实现,svg 阅读全文
posted @ 2022-10-24 19:46 Ynline 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 用户行为描述: 当用户点击右上角的“发布”按钮时候,会从首页发送一个值给“发布页” “发布页”接收该值 “发布页“效果图: 此时可以看到页面显示了用户是首页进来的,如何做呢?如下 动态绑定placeholder,然后利用计算属性完成该操作 如下 这样的话,如果用户不是从首页点进来的“发布页”,“发布 阅读全文
posted @ 2022-10-19 23:21 Ynline 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 自适应布局和响应式布局的区别? 1.响应式的概念覆盖了自适应,但响应式包含的东西更多,响应式的布局可以根据屏幕的大小自动调整页面的展示方式 2.自适应有一个致命缺点:如果屏幕尺寸太小,即使网页能够根据屏幕大小进行适配,也会感觉在小屏幕上查看,内容过于拥挤 3.响应式解决了自适应布局的问题,响应式能自 阅读全文
posted @ 2022-09-15 23:30 Ynline 阅读(1114) 评论(0) 推荐(1) 编辑
摘要: 执行vuex中的函数,有两种方法: 1.commit,例如this.$store.commit("GETMODULESELECTLIST"); //mutations中的方法 2.dispatch,例如 this.$store.dispatch("getModuleSelectList"); //a 阅读全文
posted @ 2022-09-13 17:41 Ynline 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 第一种解决办法: 修改组件名称为大驼峰,不要用系统中命令常见的名称 第二种解决办法: 在根目录下,打开【.eslintrc.js】文件,如果没有,就新建,代码如下: module.exports = { root: true, env: { node: true }, 'extends': [ 'p 阅读全文
posted @ 2022-09-06 22:34 Ynline 阅读(446) 评论(0) 推荐(0) 编辑
摘要: 报错如图所示: 原因:可能是ts-node版本过高 解决:安装低版本的ts-node 使用ts-node的低版本npm i -g ts-node@8.5.4成功解决问题 阅读全文
posted @ 2022-09-06 11:20 Ynline 阅读(1671) 评论(0) 推荐(0) 编辑