如何绑定 html <title>Vuejs 中的内容? [英] How can I bind the html <title> content in vuejs?
查看：22
javascript
html
mvvm
frontend
vue.js
本文介绍了如何绑定 html <title>Vuejs 中的内容?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试在 vuejs 上进行演示.现在我想让 html 标题绑定一个 vm 字段.
以下是我尝试过的:
index.html
<!DOCTYPE html><html id="html"><头><title>{{你好 }}</title><script src="lib/requirejs/require.min.js" data-main="app"></script></头><身体>{{ 你好 }}<输入 v-model="你好" 标题="你好"/></身体></html>app.js
定义(['jquery'，'vue'], 函数 ($, Vue) {var vm = 新的 Vue({埃尔:'html'，数据: {你好:'你好世界'}});});但标题似乎没有限制，如何使它工作?
解决方案
基本上有两种方法可以解决.
使用现有的包
例如，vue-meta:
<块引用><模板><div id=app"><路由器视图></路由器视图></div></模板><脚本>导出默认{名称:'应用程序'，元信息:{//如果没有子组件指定 metaInfo.title，将使用这个标题标题:'默认标题'，//所有的标题都会被注入到这个模板中标题模板:'%s |我的真棒网络应用程序'}}</脚本>创建自己的组件
创建一个包含以下内容的 vue 文件:
相关文章
- 我如何绑定 html <title>vuejs 中的内容?;
- 我如何绑定html< title>内容在vuejs？;
- 我怎样才能绑定 html <title>vuejs 中的内容?;
- 换出< title> t1< / title>< title> t2< / title> < title>新标题< / title>< title>新标题< / title>;
- < TITLE>;
- 如何更改 GitLab <title>?;
- Python 获取 <title>;
- 如何更改GitLab< title> ;?;
- 使用< title>重命名HTML文件.标签;
- Selenium is not properly determining if a page has a <title> html tag;
- 奇怪的查询结果/< title>问题;
- < HTML> < head> < title>硒Firefox Webdriver文本为空;
- Page< title>来自include变量？;
- <title>中的网络通知来自聊天框;
- 检索 <title> 的最快方法在 PHP 中;
- < title>元素需要位于< head>元件？;
- 最快的方式来检索< title>在PHP中;
- wp_title过滤器对< title>无效.标签;
- PhpQuery如何工作?尝试获取< title>的值；标签;
- 不使用< title>的jQuery工具提示属性;
- 在< head>中，首先出现：< meta>或< title> ;?;
- 如何设置不同的< title> ejs中每个模板的值？;
- 如何发送< title>标签来自< asp：textbox>使用sql注入;
- 是否允许在< title>内使用其他标签？;
- WordPress:自定义< title>用于存档页面;
前端开发最新文章
- 为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？;
- 错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接;
- 如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？;
- 如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？;
- 警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件;
- 如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？;
- 此请求已被阻止;内容必须通过HTTPS提供;
- 资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）;
- 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
- 拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。;
