template模板的使用及文章详情跳转

2024-04-11 01:14:11

title: template模板的使用及文章详情跳转
date: 2018-08-27 16:45:55
tags: 微信小程序

wx:for只能在当前页面循环当前页面的数据用template可以解决
template是一个模版创建一个模版文件夹在里面创建html css文件就可以了
在template文件的html中创建template标签添加name属性把模版编写好
想要在别的文件中用这个模版

想要在那个地方使用的话用 block标签包裹如果在item前加上… 就可以去掉模板文件中的item了
想要引入 template中的样式在想要引用的文件的.wxss中@import “相对路径”

如果想要在template中绑定事件不能直接在template中绑定可以在template外面包一个view标签把事件绑定到view标签上
可以用自定义属性 data-postid = “{{item.id}}”
凡是前面加data的属性就是自定义属性当点击时吧id传过去
点击事件上:function(event){
event 代表了系统给的外面的一层数据
var 变量名 = event.currentTarget.dataset.postId
currentTarget 表示点击的组件
dataset表示前缀有data的全部的自定义属性的值
postid就代表了设置的想要的
}

文章详情页面根据文章的id来跳转到不同的文章
如果一个页面的子页面最好写在父页面目录下

template模板的使用及文章详情跳转相关推荐

php详情页模板怎么做,WordPress自定义文章详情页模板
想要让某个特定分类文章页面样式区别于其他分类,我们可以自定义模板来实现.今天我们分享一下WordPress自定义文章详情页模板,首先在所用WordPress主题根目录新建一个名称 single-wor ...
python个人网站开发_python 全栈开发，Day81(博客系统个人主页,文章详情页)
一.个人主页随笔分类需求:查询当前站点每一个分类的名称以及对应的文章数完成这个需求,就可以展示左侧的分类它需要利用分组查询,那么必须要会基于双下划线的查询. 基于双下划线的查询,简单来讲,就是 ...
django博客项目8：文章详情页
首页展示的是所有文章的列表,当用户看到感兴趣的文章时,他点击文章的标题或者继续阅读的按钮,应该跳转到文章的详情页面来阅读文章的详细内容.现在让我们来开发博客的详情页面,有了前面的基础,开发流程都是一样 ...
python 全栈开发，Day81(博客系统个人主页,文章详情页)
一.个人主页随笔分类需求:查询当前站点每一个分类的名称以及对应的文章数完成这个需求,就可以展示左侧的分类它需要利用分组查询,那么必须要会基于双下划线的查询. 基于双下划线的查询,简单来讲,就是 ...
BBS（仿博客园系统）项目03（主页搭建、个人站点搭建（侧边栏分类展示、标签展示、日期归档）、文章详情页相关功能实现）...
摘要: 主页面的搭建(导航条下面的区域) 个人站点侧边栏分类展示侧边栏标签展示侧边栏日期归档文章详情页文章内容文章点赞点踩文章评论一.主页面home.html的搭建(进一步完善) ho ...
基于SpringBoot + Vue的个人博客系统07——文章列表和文章详情
简介由于本人不是专业的前端,所以写出来的界面可能会稍微有些丑陋,甚至有些地方的写法不是很专业,还请大家见谅主界面 JS 部分首先是 js 逻辑部分我们先在@/http/request.js中定 ...
小案例：实现http://www.alloyteam.com/page/0/移动端效果，博客文章列表和文章详情页面
一:案例要求和数据: (1)移动端适配 (2)列表跳详情 (3)回到顶部 (4)上下页 (5)时间格式 (6)解决接口跨域请求访问问题 (7)路由跳转无bug 接口路径均以 http://118.19 ...
django博客项目-文章详情页功能
文章详情页左侧边栏数据复用文章详情页和个人站点的左侧边栏的内容格式都是一样的,从个人站点路由和文章详情路由进入到网页,侧边栏显示的内容是一模一样,解决方案: 方案一: 写一个home_site.ht ...
仿今日头条项目——文章详情
1.创建组件并配置路由 1.创建 views/article/index.vue 组件 <template><div class="article-container&qu ...

最新文章

热门文章