MpxUseuseTitle
响应式标题
监听文本调用
mpx.setNavigationBarTitle
用法
js
import { useTitle } from '@mpxjs/mpxuse-core'
const title = useTitle()
console.log(title.value)
title.value = 'Hello' // 改变的当前标题
import { useTitle } from '@mpxjs/mpxuse-core'
const title = useTitle()
console.log(title.value)
title.value = 'Hello' // 改变的当前标题
立即设置初始值
js
const title = useTitle('New Title')
const title = useTitle('New Title')
传递“ref”，当源引用更改时，标题将更新：
js
import { useTitle } from '@mpxjs/mpxuse-core'
const messages = ref(0)
const title = computed(() => {
return !messages.value ? 'No message' : `${messages.value} new messages`
})
useTitle(title) // 文档标题将与参考“标题”匹配
import { useTitle } from '@mpxjs/mpxuse-core'
const messages = ref(0)
const title = computed(() => {
return !messages.value ? 'No message' : `${messages.value} new messages`
})
useTitle(title) // 文档标题将与参考“标题”匹配
类型声明
typescript
/**
* Reactive document title.
*
* @see https://mpxuse.cn/useTitle
* @param newTitle
* @param options
*/
export declare function useTitle(
newTitle?: MaybeComputedRef<string | null | undefined>
): WritableComputedRef<string | null | undefined>
export declare type UseTitleReturn = ReturnType<typeof useTitle>
/**
* Reactive document title.
*
* @see https://mpxuse.cn/useTitle
* @param newTitle
* @param options
*/
export declare function useTitle(
newTitle?: MaybeComputedRef<string | null | undefined>
): WritableComputedRef<string | null | undefined>
export declare type UseTitleReturn = ReturnType<typeof useTitle>
源码
贡献者
pagnkelly