分类：title

2020
11-06

nuxt 服务器渲染动态设置 title和seo关键字的操作

使用如下钩子即可，但是前提条件是没有默认配置head的titleasyncData({app},callback){app.head.title=‘newtitle'callback(null,{})},补充知识：vue每个页面动态切换titlekeywordsdescription（seo的设置）最近接触到需要使用到Seo,要求每个页面拥有不同的title,keywords,description！！！在这里先添加一步：html文件添加<metadata-n-head="1"data-hid="description"name="description"content=""><metadata-... 继续阅读 >

2020
10-28

vue-cli3配置favicon.ico和title的流程

一、如果是单页面程序public目录下有个index.html和favicon.icoico的路径二、如果是多页面程序publc目录下放ico图标public下的index页面然后在vue.config.js里的page配置ico的路径补充知识：Vue-cli3的favicon修改不了在vue.config.js中配置下如下代码，重跑下项目就行了//以下是pwa配置pwa:{iconPaths:{favicon32:'faviconfc.ico',favicon16:'faviconfc.ico',appleTouchIcon:'faviconfc.ico',... 继续阅读 >

2020
10-08

Vue 实现对quill-editor组件中的工具栏添加title

前言：quill-editor组件中的工具栏都是英文，而且最难受的时没有title提示，要怎样给他添加title，并且是中文的title提示呢？一、创建一个quill-title.js文件①、在其中插入以下代码consttitleConfig={'ql-bold':'加粗','ql-color':'颜色','ql-font':'字体','ql-code':'插入代码','ql-italic':'斜体','ql-link':'添加链接','ql-background':'背景颜色','ql-size':'字体大小','ql-strike':'删除线','ql-script':'上标/... 继续阅读 >

2020
10-08

html-webpack-plugin修改页面的title的方法

vue-cli2.X：修改config目录下index.jsconsttitle='标题1'//consttitle='标题2'//consttitle='标题3'module.exports={title:title,dev:{...},build:{...},test:{...}接着就可以在webpack.dev.conf.js,webpack.prod.conf.js中的HtmlWebpackPlugin使用config.titlenewHtmlWebpackPlugin({title:config.title,...}),最后在index.html使用<title><%=htmlWebpackPlugin.options.title%></titl... 继续阅读 >