smile轉角 - 博客园

【vue】vue常见问题及踩坑

摘要： 1. props单向绑定 vue中的props是单向绑定的，⽗组件的属性变化时会传递给⼦组件，⼦组件内部不应改变props的值，否则控制台会给出警告。但如果props的类型为数组或者对象时，在⼦组件内部改变props的值控制台不会警告。因为数组或对象是地址引⽤，vue不会检测到props发⽣改变。所阅读全文

posted @ 2022-06-28 11:24 smile轉角阅读(222) 评论(0) 推荐(1) 编辑

【css】vue项目深度作用选择器（scoped）

摘要： scoped 修饰的style只给当前组件内的元素使用本质： 1.给当前组件中的所有元素，添加一个随机的属性 2.给当前组件中的所有元素的样式添加一个对应的随机属性选择器描述：场景：按照设计图，修改select选择器的样式设计图效果 html <el-select class="el-sel 阅读全文

posted @ 2022-05-18 13:40 smile轉角阅读(803) 评论(0) 推荐(0) 编辑

【ES6】函数参数默认值

摘要：一、对比 es6之前 function log(x, y) { y = y || 'World'; console.log(x, y); } es6 function log1(x, y = 'World') { console.log(x, y); } log('Hello', '') // He 阅读全文

posted @ 2022-05-12 14:37 smile轉角阅读(242) 评论(0) 推荐(0) 编辑

【css】Flex 布局教程：语法篇（摘抄，为的是方便自己查找）

摘要：网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式阅读全文

posted @ 2022-05-10 15:47 smile轉角阅读(33) 评论(0) 推荐(0) 编辑

【css】box-shadow 阴影

摘要：用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果，并用逗号将他们分隔开。该属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色。一、属性值规则当给出两个、三个或四个 <length> 值时。如果只给出两个值, 那么这两个值将会被当作水平阴影、垂直阴影阅读全文

posted @ 2022-05-10 15:27 smile轉角阅读(139) 评论(0) 推荐(0) 编辑

【编辑器】phpstorm

摘要： 1、永久激活教程关注公众号《PHP自学中心》，然后回复《激活码》或者《永久激活》本人使用的是phpstrom1.2版本 2、插件 ps：安装GitToolBox后每隔15分钟就弹窗解决方案：取消选中GitToolBox插件设置上的Auto fetch选项： 3、使用的主题 ps:更改《项目文件阅读全文

posted @ 2022-05-07 11:18 smile轉角阅读(200) 评论(0) 推荐(0) 编辑

【vue】将el-dialog 封装成一个组件报错

摘要：一、报错信息 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or 阅读全文

posted @ 2022-04-24 17:14 smile轉角阅读(751) 评论(0) 推荐(0) 编辑

【vue】Tabs 标签页使用过程中遇到的问题

摘要：场景： 1、根据管理端设置动态显示tab切换项 2、当只有一个tab项目时隐藏所有tab切换项官网例子（仅仅是一个例子，为了方便阐述问题） <el-tabs v-model="editableTabsValue" type="card" editable @edit="handleTabsEdit 阅读全文

posted @ 2022-04-22 16:59 smile轉角阅读(1735) 评论(0) 推荐(0) 编辑

【vue】计算属性传参问题

摘要：场景：将列表数据转为特殊的样式，如下图搜索复制因为计算属性是一个属性，不是一个方法，所以会报错is not a function 错误写法 computed: { specialUnit(item){ } }, 正确写法 computed: { specialUnit(){ return fu 阅读全文

posted @ 2022-04-21 16:07 smile轉角阅读(184) 评论(0) 推荐(0) 编辑

【vue】父子组件之间通信

摘要：使用场景：几个页面有相同的布局在子组件筛选的时候触发父组件中的列表数据父组件：father.vue <sun ref="select" @handleselectdata="handleselectdata"></sun> js handleselectdata(){ alert(1); }, 阅读全文

posted @ 2022-04-18 15:40 smile轉角阅读(26) 评论(0) 推荐(0) 编辑