Sunsin

2020年1月15日

摘要： .sync修饰字在vue1.0作为双向数据绑定而存在，在2.0时被砍掉。而后在2.3被当做语法糖加入（vue单向绑定数据流通）假设一个需求是：父组件值传入到子组件，然后子组件更改后父组件的值也得更改 1. 通过props传值，data赋值的操作实现（避免出现双向数据绑定错误） index.vue 阅读全文

posted @ 2020-01-15 15:16 Sunsin 阅读(2988) 评论(0) 推荐(1) 编辑

uniapp - css样式设置scoped

摘要： 1.App.vue（样式层级高）定义样式就可以覆盖子组件或者父组件，无论有没有设置scoped关键字 <script> export default { onLaunch: function() { console.log('App Launch') }, onShow: function() { 阅读全文

posted @ 2020-01-15 14:27 Sunsin 阅读(16698) 评论(0) 推荐(1) 编辑

uniapp - props、 ref、$emit、$parent、$child、$on、$set

摘要：举个例子来解释一下何为父组件，何为子组件？ index.vue导入sunui-cell组件的时候，我们就称index.vue为父组件依次类推，在vue中只要能获取到组件的实例，那么就可以调用组件的属性或是方法进行操作一、props（一般用来单向传值） 1. 何为单向传值？即父组件传值给子组件（首阅读全文

posted @ 2020-01-15 10:47 Sunsin 阅读(6648) 评论(0) 推荐(0) 编辑

2020年1月14日

uniapp - 时间轴组件

摘要： sunui-timeline 时间轴 v1.0.0 于 2020.01.14更新参数介绍： 1. @line:点击时间轴所在id（此为子组件传父组件值）- 事件 2. array:时间轴传值给子组件/默认无示例代码： <template> <view> <sunui-timeline @line 阅读全文

posted @ 2020-01-14 17:15 Sunsin 阅读(5483) 评论(0) 推荐(0) 编辑

uniapp - msg组件

摘要： sunui-msg 顶部消息提醒 v1.0.0 于 2020.01.14更新：如果消息提示直接进入页面就显示，要在mounted生命周期或者在onLoad生命周期使用this.$nextTick 参数介绍(通过ref标识)： 1. text:文本提示内容/默认空 2. type:文本提示背景颜色/默阅读全文

posted @ 2020-01-14 16:56 Sunsin 阅读(1345) 评论(0) 推荐(0) 编辑

js - import和require

摘要：一、require：运行时调用，import:编译时调用。通常我们还会区别它们怎么导入模块的 1.运行时调用是啥->指的是在运行时可以随时导入的模块 2.编译时调用又是啥？指的是编译时期就要调用了，要定义在顶部否则会报错二、如果require和import同一模块 1.毫无疑问会报出模块导入错误，阅读全文

posted @ 2020-01-14 15:01 Sunsin 阅读(1173) 评论(0) 推荐(0) 编辑

2020年1月9日

uniapp - icon组件

摘要： sunui-ionfont 为什么我把icon也封装成组件？ - 在设计sunUI之初就已经想好了近期的一件事让我相信了自己以前设计的想法.由于hbuilderx升级原因导致ios iconfont类名被占用，我觉得封装成组件也是为了更好的去维护它反面示例（由于hx更新导致的ios bug需要阅读全文

posted @ 2020-01-09 20:30 Sunsin 阅读(7123) 评论(0) 推荐(0) 编辑

uniapp - cell组件

摘要： sunui-cell 用于点击效果复用(组件仅1kb+iconfont 2kb) v1.0.0 于 2020.01.09更新 v1.0.1 于 2020.01.11更新：新增加右箭头(iconfont) 参数介绍： 1. hover:是否显示点击效果/默认false 2. arrow:是否显示右箭头阅读全文

posted @ 2020-01-09 19:56 Sunsin 阅读(4477) 评论(0) 推荐(0) 编辑

uniapp - textarea层级过高影响到遮罩层

摘要： v1.0.0 于 2020.01.09更新考虑用v-show而不用v-if. v-show只是暂时隐藏掉该文本域，而v-if是销毁掉它（隐藏内容还存在，销毁的话内容不存在）控制v-show为true或者false即可解决textarea层级过高问题（目前仅在微信小程序真机测试过）阅读全文

posted @ 2020-01-09 10:04 Sunsin 阅读(3446) 评论(0) 推荐(0) 编辑

2020年1月8日

uniapp - switch

摘要：使用示例：点击下载插件：sunui-switch 阅读全文

posted @ 2020-01-08 14:50 Sunsin 阅读(3740) 评论(0) 推荐(0) 编辑

面对它，无惧它，战胜它！

公告