2021年5月14日
小程序动态绑定样式
摘要： 在小程序开发中会经常出现动态控制某一元素的样式（如：动态添加字体颜色或者背景） 第一步：在wxss中定义被点击和未被点击的样式，如下： .is_checked{ border: 1px solid #FE0002 ; color: #FE0002 ; background: #fff; } .ser 阅读全文
posted @ 2021-05-14 16:52 小生不才。 阅读(1294) 评论(0) 推荐(0)
根据条件进行模糊查询
摘要： 进行条件模糊查询时，案例如下： console.log(data) 侧重点： filter，indexOf 或 search的应用 阅读全文
posted @ 2021-05-14 16:43 小生不才。 阅读(129) 评论(0) 推荐(0)
微信小程序如何使用setData修改data中子对象的属性值
摘要： 在微信小程序开发中数据与页面的绑定是靠data对象来实现的。如果要修改页面中某个变量的值，就需要使用this.setData({变量名：值})。 话不多说例子如下： test.wxml： <view wx:for="{{ editData }}" wx:key="index" data-index= 阅读全文
posted @ 2021-05-14 16:39 小生不才。 阅读(639) 评论(0) 推荐(0)
微信小程序实现倒计时
摘要： 效果图是这样的 实现思路 一、 求出发起拼团时间与拼团结束时间的时间差时间每秒递减使用了 setTimeout(this.setTimeCount,1000);这个函数，让这个函数每隔一秒执行一次。 index.wxml <view class="content"> <block wx:for="{ 阅读全文
posted @ 2021-05-14 16:27 小生不才。 阅读(4036) 评论(0) 推荐(0)
2021年3月11日
swiper 绑定点击事件 点击失效处理
摘要： swiper估计大家经常用，也都有了解，最近再一次项目当中用到了swiper并且发现了一个问题。 就是给swiper-slide添加事件后，有时候会发生事件失效。 例如:会将slide中所有的代码克隆一次，这会导致你slide中如果包含id的话，导致控制问题。在这种情况，可以将id改成class，这 阅读全文
posted @ 2021-03-11 16:19 小生不才。 阅读(3000) 评论(0) 推荐(0)
Vue路由的页面跳转打开新页面
摘要： 效果与a标签的target=_blank是一样的，只不过不用点击，直接打开 1、在router.js里新加一个页面路由 { path: '/helloWorld', name: 'HelloWorld', component: () => import('../components/HelloWor 阅读全文
posted @ 2021-03-11 15:15 小生不才。 阅读(3007) 评论(0) 推荐(0)
Vue a标签实现点击下载图片，不直接打开
摘要： 在main.js里加指令 //创建自定义指令 v-downVue.directive('down', { inserted: (el, binding) => { el.style.cssText = 'cursor: pointer;color:write;' el.addEventListene 阅读全文
posted @ 2021-03-11 14:34 小生不才。 阅读(4270) 评论(0) 推荐(0)
2021年1月11日
事件订阅封装
摘要： 在开发过程中我们会多次运用到派发器进行跨组件触发方法，这里有封装好的 observer.js 供大家使用，有更好的方法欢迎沟通 //数据结构 let eventList = {} const $on = (eventName,callback)=>{ if(!eventList[eventName] 阅读全文
posted @ 2021-01-11 17:05 小生不才。 阅读(84) 评论(0) 推荐(0)
获取元素索引值
摘要： 在很多处开发过程当中我们必须要获取到元素的索引值来对其进行操作。 获取方法如下： var lis = $('ul>li') $.each(lis,function(index,element){ $(element).click(function(){ console.log(index) }) } 阅读全文
posted @ 2021-01-11 16:54 小生不才。 阅读(243) 评论(0) 推荐(0)
2020年12月22日
Vue选项卡案例
摘要： 原理分析与实现 1、动态切换class 【 :class="[showPage == index ? 'act' : '']" 】 2、v-show，根据表达式的真假值，切换元素的display属性 【 v-show="showPage == index" 】 下面进入正题 完整代码 HTML部分 阅读全文
posted @ 2020-12-22 10:03 小生不才。 阅读(202) 评论(0) 推荐(0)