实现新闻资讯列表点击跳转到新闻详情

1、把列表中的每一项改造为 router-link,同时，在跳转的时候应该提供唯一的 ID 标识符2、创建新闻详情的组件页面 NewsInfo.vue，注意获取当前路由id号的语法是 this.$route.params.属性3、在路由模块中，将新闻详情的路由地址和组件页面对应起来，注意传参 id 在路由中的拼接方法...

开心果小魏

6110人浏览 · 2018-12-08 15:36:17

开心果小魏 · 2018-12-08 15:36:17 发布

1、把列表中的每一项改造为 router-link,同时，在跳转的时候应该提供唯一的 ID 标识符

2、创建新闻详情的组件页面 NewsInfo.vue，注意获取当前路由id号的语法是 this.$route.params.属性

3、在路由模块中，将新闻详情的路由地址和组件页面对应起来，注意传参 id 在路由中的拼接方法

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^