微信小程序新闻网站详情页
扩展运算符的巧妙应用 这个template模板,绑定的数据带item前缀 那么使用模板的时候,也必须保证是item data帮绑定数据用双花括号包住item 还有wx:for-item默认也是item,因此可省略 这样带有item不利于代码复用,解决方法: 将template模板中的item前缀都去掉 然后使用模板时,在数据绑定前加...(ES6语法) 这样的好处是: 可以改变wx:for-item的属性值和data属性值(这两个必须保持一致),但不需要再去修改模板中的数据前缀 依然能够正常显示 组件的自定义属性及获取属性 创建新闻详情页 给新闻绑定点击事件,注意template和block是不能绑定事件的,所以我在template外面包裹了一个view,然后在view上绑定事件 在函数里定义好跳转到新闻详情页 查看数据可以看到,每篇新闻都有对应的postId 给每篇新闻自定义属性,传递postId 小程序中,自定义属性必须以data-开头,否则是无效的 可以看到已经传递成功 在js中使用小程序的事件对象获取到元素的属性 posts.js 在currentTarget--dataset中,存放了自定义属性 补充一个知识点 如果你设置的自定义属性名是用连字符拼接 可以看到实际结构是全部会转小写的,用连字符拼接 而在js中通过事件对象获取到属性,则会转换为驼峰形式 先静后动