vue2 设置网页title的问题

日期:2019-11-08编辑作者:Web前端

正常的话,你再访问就能看到自己写的标题了

SharePoint系统会使用管理员输入在“栏名”文本框内的内容作为新字段的标题,然后根据这个标题,调用 System.Xml.XmlConvert.Encode()方法,来将标题自动转换成内部名称。这样,才能让转换后的内部名称符合 SharePoint对内部名称命名的规范。

看到1文章  http://blog.csdn.net/qishuixian/article/details/72912368

www.129028.com金沙 1

npm install vue-wechat-title --save  下

但是这种自动转换后的内部名称的格式非常不好看,也不易记忆。实际上,管理员应该始终使用一个符合内部名称规范的名称,来创建字段,这样这个新字段 的内部名称和标题都相同。然后,管理员再回过头去修改这个字段,将其标题修改为更符合用户习惯的名字。由于内部名称一旦确定就不再更改,所以字段的内部名 称将始终保持为初始值。


这时,这个字段的标题,和内部名称,都将是“TechLevel”。

import VueWechatTitle from 'vue-wechat-title';  
Vue.use(VueWechatTitle)

www.129028.com金沙 2

1. 在 main.js 中

然后,在界面上将这个字段名称修改为“技术等级”。这样,用户将看到这个字段的名字叫做“技术等级”,但由于字段的内部名称会始终保持原始值,所以这个字段的内部名称仍然为“TechLevel”。

 

每个SharePoint字段实际上有两个名称,一个是“标题”(Title,有时候也把它叫做“显示名称”),一个是“内部名称” (Internal Name)。平时用户在列表视图界面上看到的,都是字段的标题。字段的内部名称可以看作是字段的唯一标识。如果你曾经使用SharePoint对象模型, 通过代码从列表中获取数据,那么对“内部名称”这个概念一定很熟悉。基本上,SharePoint对“内部名称”的格式有非常严格的要求,它只能由英文字 母、数字和下划线字组成,且不能包含空格。但是“标题”则没有这么多限制,通常我们会使用中文作为字段的“标题”,而且“标题”中很可能会包含空格。当一 个字段被创建之后,它的“内部名称”就被固定下来了,但是“标题”则可以在之后被随时修改。

推荐使用 vue-wechat-title插件

www.129028.com金沙 3

这样就能用了

比如,如果管理员使用页面UI创建一个标题为“Live ID”的字段,这个字段的内部名称会被自动命名为“Live_x0020_ID”。如果管理员创建一个标题为“技术等级”的字段,它的内部名称将是“_x6280__x672f__x7b49__x7ea7_”。

好东东,没个标题看着多难受

通过展开列表节点,就能直接查看列表的所有字段,以及字段的各种属性。内部名称这个属性也能直接看到。

  1. 路由中加下 title

    www.129028.com金沙, {

       path: '/Login',
       /* *  按需加载   */
       component: (resolve) => {
         require(['@/components/Login.vue'], resolve)
       },
       meta: {
         title: '登录'
       }
     },
    
  2.  在app.vue 中修改 router-view ,加入他的这个组件

但是当管理员创建一个字段时,在页面UI上并不能分别输入新字段的标题和内部名称。在新建字段的界面上,只有一个“栏名”文本框。

 

如果我们要在代码里面创建新字段,也应该使用类似的方法。

本文由www.129028.com金沙发布于Web前端,转载请注明出处:vue2 设置网页title的问题

关键词:

JavaScript编写简单的增加与减少元素

1 !DOCTYPE html 2 html lang="en" 3 4 head 5 meta charset="UTF-8" 6 meta name="viewport" content="width=device-width, initial-scale=1.0" 7 meta http-equ...

详细>>

定时器跟着李南江学习HTML5—HTML学习

1.2下级 格式: src="QRCode.jpg" 我们在之前已经了解过,如果想添加一个图片,需要写出以下代码: 含义: 在.html文件所在...

详细>>

02HTML基础www.129028.com金沙--基础标签

这个其实非常简单,只要按照高级开发工具,如webstorm的提示来写就可以了 h3 id="title9"img标签(image)/h3 如何在webstorm中...

详细>>

js中的事件委托详解

var box = document.getElementById('box');box.onclick = function() { } alert('删除'); 如上列表,有4个li,里面的内容各不相同,点击l...

详细>>