09 2018 档案
摘要：先来个效果图镇楼： 实现原理： 1.循环需要评分的列表，判断它的分数 与 当前星星索引的大小； 2.点击，获取星星对应的分数，让星星高亮。 代码： star.wxml: 上面的ss-icon 是我自定义的一个组件，点击查看。 主要代码说明： star.js: 注意！！我是把这个评分功能做成的一个组件
阅读全文
摘要：我现在有一个弹层的组件（popup），组件里面定义了显示组件(showPopup)和隐藏组件(hidePopup)的方法。 我们如何在调用组件的页面中调用组件里面的方法呢? 在调用组件的页面写如下代码： 对上面的代码做个简易说明： 先看下效果图： 对应代码截图： 1.调用页面(Page/.../in
阅读全文
摘要：vue路由设置路由参数有2种方式： 1.通过query配置： 通过query配置的路径显示如下： 2.通过params配置： 通过query配置的路径显示如下： 通过该方法配置的参数，需要在配置路由的时候给参数留个坑，如下图： 获取路由参数的方法： 1.通过query配置的： 2.通过params配
阅读全文
摘要：Vue路由大致分为6个步骤： 1.引用vue-router <script src="js/vue-router.js"></script> 2.安装插件 Vue.use(VueRouter); 3.创建一个路由对象 var router = new VueRouter({ //这里面配置路由对象
阅读全文
摘要：微信开发工具里面，无法展示编译后的一些样式，如::before,::after这些伪类。有时候我们需要修改一些组件的默认样式会略感到麻烦，因为不知道是通过哪里控制的。 我就平常遇到的一些修改默认样式，做一下汇总，不定期更新： 1.button的背景色，边框，圆角： 2.swiper 的点的位置： 不
阅读全文
摘要：动态效果如下： 就是默认只显示4行，点击展开的按钮显示全部，再点击隐藏。 主要通过css来控制 主要的css: 主要的js: Page({ data: { txtHidden: true, }, txtToggle: function() { let that = this; that.setDat
阅读全文
摘要：vue官网关于生命周期的文档可点击这里 下面我就以具体的代码来说一下我对vue生命周期的理解，如有错误请告知。每组我会先附上代码，根据返回结果做一些简短的总结，这样可能感觉会更强烈一点。 下面所有的代码截图在本文最后会附上，有需要的小伙伴可以在本地运行看一下效果。 1.beforeCreate 和
阅读全文
摘要：vue中常用v-表示指令，下面总结一下常用的指令有哪些： 插入文本:v-text 相当于元素的innerText属性，必须是双标签 插入HMTL:v-html 相当于元素的innerHTML属性 循环:v-for v-for的使用，除了item属性，还有一些其他辅助属性。假设你现在循环的对象名字为s
阅读全文
