How can I bind the html lt;titlegt; content in vuejs?(如何绑定 html lt;titlegt;Vuejs 中的内容?)
本文介绍了如何绑定 html <title>Vuejs 中的内容?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试在 vuejs 上进行演示.现在我想让 html 标题绑定一个 vm 字段.
以下是我尝试过的:
index.html
<!DOCTYPE html><html id="html"><头><title>{{你好 }}</title><script src="bGliL3JlcXVpcmVqcy9yZXF1aXJlLm1pbi5qcw==" 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 中的内容?
猜你喜欢
- Fetch API 如何获取响应体? 2022-01-01
- CSS媒体查询(最大高度)不起作用,但为什么? 2022-01-01
- 400或500级别的HTTP响应 2022-01-01
- Flexslider 箭头未正确显示 2022-01-01
- Quasar 2+Apollo:错误:找不到ID为默认的Apollo客户端。如果您在组件设置之外,请使用ProvideApolloClient() 2022-01-01
- Css:将嵌套元素定位在父元素边界之外一点 2022-09-07
- 失败的 Canvas 360 jquery 插件 2022-01-01
- addEventListener 在 IE 11 中不起作用 2022-01-01
- 如何使用 JSON 格式的 jQuery AJAX 从 .cfm 页面输出查 2022-01-01
- 使用RSelum从网站(报纸档案)中抓取多个网页 2022-09-06