## 获取头部导航
~~~
export default {
name: 'navcd',
data () {
return {
list:[]
}
},
created(){
let sign = this.helper.setSign(["id=" + 13, "mark=" + 1618549247]);
let timestamp = this.helper.now();
this.helper.req({
api: "/catetop/",
method: "POST",
timestamp:timestamp,
sign:sign,
data: {
id:13,
mark:1618549247
},
}).then(res => {
console.log(res.data)
this.list=res.data.data
});
}
}
~~~
### 循环使用
~~~
<li class="dropdown" v-for="(item,index) in list" >
<a :href="item.id">
{{item.cate_name}} //以及栏目
</a>
<div class="dropdown_menu" v-if="item.children.length !==0">//循环二级栏目
<a v-for="(item1,index1) in item.children" :href="item1.id">{{item1.cate_name}}</a>
</div>
</li>
~~~
## 获取单一栏目详情【使用于公司简介-单一页面】
请求
~~~
export default {
name: 'index1',
data () {
return {
list:[],
zlm:[]
}
},
created(){
let sign = this.helper.setSign(["id=" + 13, "mark=" + 1618549247]);
let timestamp = this.helper.now();
this.helper.req({
api: "/geitCateList/",
method: "POST",
timestamp:timestamp,
sign:sign,
data: {
cid:10,
id:13,
mark:1618549247
},
}).then(res => {
console.log(res.data)
this.list=res.data.data.catedq;
this.zlm=res.data.data.zlm
});
}
}
~~~
分配
~~~
{{list.cate_name}}
{{list.content}}
~~~
- 湖北速建时代平
- 后台功能简介
- 网站配置管理
- 栏目管理
- 文档管理
- 权限管理
- vue如何使用api使用
- vue安装
- vue设置跨域
- 使用Axios请求数据
- Axios在vue中配置
- 封装Axios请求使用方式
- 模块封装引用
- 安装Element
- 速建速度cms操作指南
- 如何创建栏目
- 普通图文发文操作
- 文章外部跳转
- 发布图片集
- 视频发布
- 文章审核
- 如何发布英文文章
- 首页头部图片如何更换，二级页面中的大图如何修改
- 网站备份
- oss配置
- api接口使用
- 第1章获取网站配置
- 第2章获取头部导航
- 第3章获取底部导航
- 第4章获取文章列表
- 第5章 获取sign签名
- 第6章 文章检索
- 第7章获取当前栏目详情及子栏目