文章详情页----- 详细步骤

文章详情页--------------
1.插入模板
1.1, 类名:class=“article-container”
1.2, 组件名字:name: ‘ArticleIndex’
2.配置路由
2.1,一级动态路由
path: ‘/article:articleId’,
name: ‘article’,
component: () => import(’@/views/article’),
props: true //开启Props传参,说白了就是把路由参数映射到组件的props数据中
3.文章详情页组件中添加跳转事件 :to="’/article/’+ article.art_id"
:to="{
//根据路由名称进行跳转
name:‘article’,
//传递路由动态参数
params:{
//属性名:路由路径中设计的的动态参数名称
articleId:article.art_id
}
}"
4. 使用组件的props来解耦路由传参 :
1.访问路由里的动态参数,首先找到 $router ->params->articleId->,比较麻烦
2.想要在别的地方重用,不灵活父传子 props传递
3.:当当前组件声明 props 来接收参数articleId
articleId:{
type:[Number,String], //参数类型
required:true //必要
}
4. 可以直接访问props中的参数

文章详情页----- 详细步骤相关推荐

Django博客--4.开发博客文章详情页
文章目录 0.思路引导 1.设计文章详情页的 URL 2.获取文章的URL 3.编写 detail 视图函数 4.编写详情页模板 5.更改主页中跳转详情页的地址链接 6.模板继承--抽取base.ht ...
python个人网站开发_python 全栈开发，Day81(博客系统个人主页,文章详情页)
一.个人主页随笔分类需求:查询当前站点每一个分类的名称以及对应的文章数完成这个需求,就可以展示左侧的分类它需要利用分组查询,那么必须要会基于双下划线的查询. 基于双下划线的查询,简单来讲,就是 ...
django博客项目8：文章详情页
首页展示的是所有文章的列表,当用户看到感兴趣的文章时,他点击文章的标题或者继续阅读的按钮,应该跳转到文章的详情页面来阅读文章的详细内容.现在让我们来开发博客的详情页面,有了前面的基础,开发流程都是一样 ...
php博客详情页怎么做,简书仿站报告（四）：如何制作文章详情页
简书仿站的文章详情页的基本功能跟首页差不多,因此制作的过程我就不再详细讲述.而是换一个角度,通过介绍那些文章详情页会使用到的函数的具体使用方法来更深入的理解制作的过程. 文章详情页的制作方法 1.建s ...
HelloDjango 第 08 篇：开发博客文章详情页
作者:HelloGitHub-追梦人物文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库首页展示的是所有文章的列表,当用户看到感兴趣的文章时,他点击文章的标题或者继续阅读的按 ...
python 全栈开发，Day81(博客系统个人主页,文章详情页)
一.个人主页随笔分类需求:查询当前站点每一个分类的名称以及对应的文章数完成这个需求,就可以展示左侧的分类它需要利用分组查询,那么必须要会基于双下划线的查询. 基于双下划线的查询,简单来讲,就是 ...
Django 博客开发教程 8 - 博客文章详情页
首页展示的是所有文章的列表,当用户看到感兴趣的文章时,他点击文章的标题或者继续阅读的按钮,应该跳转到文章的详情页面来阅读文章的详细内容.现在让我们来开发博客的详情页面,有了前面的基础,开发流程都是一样 ...
BBS（仿博客园系统）项目03（主页搭建、个人站点搭建（侧边栏分类展示、标签展示、日期归档）、文章详情页相关功能实现）...
摘要: 主页面的搭建(导航条下面的区域) 个人站点侧边栏分类展示侧边栏标签展示侧边栏日期归档文章详情页文章内容文章点赞点踩文章评论一.主页面home.html的搭建(进一步完善) ho ...
php详情页模板怎么做,WordPress自定义文章详情页模板
想要让某个特定分类文章页面样式区别于其他分类,我们可以自定义模板来实现.今天我们分享一下WordPress自定义文章详情页模板,首先在所用WordPress主题根目录新建一个名称 single-wor ...

文章详情页----- 详细步骤

文章详情页----- 详细步骤相关推荐

最新文章

热门文章