vuex管理页面标题
2024-08-26 10:12:30
1、在store
-> mutation-types.js
文件新增常量
export const UPDATE_TITLE = 'UPDATE_TITLE'
2、新增文件title.js
目录结构如下 store
->moudules
->title.js
import * as types from '../mutation-types'
//state
export const state = {
navigationTitle : ''
}
//mutation
export const mutations = {
[types.UPDATE_TITLE](state,title){
Object.assign(state, { ...payload })
console.log(state.navigationTitle)
}
}
//actions
export const actions = {
saveTitle({commit, dispatch}, payload) {
commit(types.UPDATE_TITLE, payload)
},
}
//getters
export const getters = {
localTitle: state => {
return { ...state }
}
}
3、标题组件
<div>{{localTitle.navigationTitle}}</div>
export default {
computed:{
...mapGetters([
'localTitle'
])
},
}
4、各个页面
export default {
mounted(){
this.$store.dispatch('saveTitle',{
navigationTitle:this.title
})
}
}
最新文章
- 开始研究unreal4了
- CSS篇
- 使用fiddler查看https请求
- 两个select转移
- 【转】linux ar 命令的使用说明那个和例子
- ubuntu14.10设置开机启动服务
- freemodbus线圈中的位操作
- JS 实现 ResizeBar,可拖动改变两个区域(带iframe)大小
- UVA 1660 Cable TV Network 电视网络(无向图,点连通度,最大流)
- JavaScript类型检测, typeof操作符与constructor属性的异同
- 黑马程序员-集合(二)contains()方法的内部探索
- 神奇的match和replace
- scrapy入门
- 小机器人自动回复(python,可扩展开发微信公众号的小机器人)
- mysql主键约束和唯一性约束
- c#中常量、ReadOnly和Static ReadOnly的差异
- toString方法的用处
- tp5上传图片添加永久素材到微信公众号
- 基于elk 实现nginx日志收集与数据分析。
- GMA Round 1 空降