nuxt动态设置关键词，描述，标题

下面以一个新闻详情的meta信息设置为例：

首先从列表传参到详情页面获取meta信息，然后再通过this绑定到页面上。

/new页面,传id参数到new-id页面

来点假数据吧

详情页面接收参数，从后台接口获取关键词，描述，标题

来点假数据吧

设置head

这样就设置完成了。

推荐的简单做法如下:protected void Page_Load(object sender, EventArgs e){ //Page title Page.Title = "This is a title and meta test page."//Encode/Content type HtmlMeta encode = new HtmlMeta()encode.HttpEquiv = "Content-Type"encode.Content = "text/htmlcharset=utf-8"Page.Header.Controls.Add(encode)//Language HtmlMeta lang = new HtmlMeta()lang.HttpEquiv = "Content-Language"lang.Content = "zh-cn"Page.Header.Controls.Add(lang)//Description HtmlMeta desc = new HtmlMeta()desc.Name = "Description"desc.Content = "Test the meta controls"Page.Header.Controls.Add(desc)//Keyword HtmlMeta keywords = new HtmlMeta()keywords.Name = "keywords"keywords.Content = "title,meta,test,page"Page.Header.Controls.Add(keywords)//Link/CSS HtmlLink cssLink = new HtmlLink()cssLink.Href = "MasterPage.css"cssLink.Attributes.Add("rel", "stylesheet")cssLink.Attributes.Add("type", "text/css")Page.Header.Controls.Add(cssLink)}浏览时输出的页面源码便会达到如下效果：This is a title and meta test page. 1024) { keywords.Content = keywords.Content.Substring(0, keywords.Content.IndexOf(" ", 1024))} description.Content = "This web site use asp.net2.0 and C# and Ajax technology"if (description.Content.ToString().Length >1024) { description.Content = description.Content.Substring(0, description.Content.IndexOf(" ", 1024))} htmlCtrl.Controls.Add(author)htmlCtrl.Controls.Add(copyright)htmlCtrl.Controls.Add(date)htmlCtrl.Controls.Add(keywords)htmlCtrl.Controls.Add(description)htmlCtrl.Controls.Add(robots)} #endregion PAGE HEAD

试试这个：

如果ie8或ie7执行

<!--[if IE 8]><h2>IE8</h2><![endif]-->

<!--[if IE 7]><h2>IE7</h2><![endif]-->

如果大于或小于某版本IE，并包括这个版本，相当于>=ie7，用lte 或 gte

<!--[if lte IE 7]>Only IE 7/- <![endif]-->

<!--[if gte IE 7]>Only IE 7/+ <![endif]-->

如果大于或小于某版本IE，并不包括这个版本，比如>ie7，用lt 或 gt

<!--[if lt IE 7]>Only IE 7- <![endif]-->

<!--[if gt IE 7]>Only IE 7+ <![endif]-->

以上版本、代码位置、内容自己请控制，希望有帮助

---