vue项目中,如何改变页面title呢?
直接使用document.title
router.beforeEach(({ to, from, next }) => {
document.title = to.title || 'XXX.COM'
})
router
中设置meta
下面代码中的title
即是页面的title,路由改变时会自动改变
// 登录
{
path: '/login',
component: () => import(/* webpackChunkName: "login" */'./views/login.vue'),
meta: {
title: '登录'
}
}
vue-meta
插件(推荐)使用vue-meta
插件,我们可以在组件中去设置title
,比较符合正常的思维,还可以设置description
安装插件
npm install vue-meta --save
入口文件中设置:
import VueMeta from 'vue-meta';
Vue.use(VueMeta, {
// 定义组件中的数据对象
keyName: 'head',
});
组件中设置
<script>
export default {
head: {
title: "登录",
meta:[
{ name: 'description', content: '登录'}
]
},
...省略...
</script>
在App.vue入口模块中,可以设置title模板
设置下面代码后,如登录页面的title其实变成了 “登录 - XX有限公司”
<script>
export default {
head: {
titleTemplate(title) {
title = typeof title === "function" ? title(this.$store) : title;
return title ? `${title} - XX有限公司` : 'XX有限公司';
}
},
...省略...
</script>
表格如果字段多,有横向滚动条是不是不方便?可拖拽的滚动是不是就方便了?
使用create-vue创建vue3项目,vite,vue3
相对VUE2 ,VUE3做了哪些优化和改进呢?
vue项目,不使用window.location.reload(),如何刷新当前页面?
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
vue2.0 v-html指令有潜在的xss风险,如何解决?
vue项目通过axios怎么下载二进制文件或图片?
ant.design UI框架 同时使用v-model或value属性时, placeholder不显示
如何在VUE项目中添加stylelint,检查css,scss,less的语法问题,保证团队代码的规范统一
VUE全局函数
定义了服务端渲染的属性名称常量SSR_ATTR,定义了一些资产类型常量ASSET_TYPES,定义了生命周期相关钩子函数的函数名称
使用iviewui-admin框架构建管理系统时,遇到的各类问题
vue项目中动态图片路径拼接
vue下filter方法的调用
21个vue顶级UI框架: Vuetify,Quasar,Vue Material,Keen-UI,Buefy,Bootstrap Vue,Muse-UI,AT-UI,Vux,iView,Uiv,Vuikit,Onsen UI+Vue,Semantic UI+Vue,Fish-UI,Mint UI,Framework7 Vue,Cube UI,Vueblu,Ant Design Vue
&amp;amp;quot;.vue&amp;amp;quot;文件是如何解析成js对象的~
立个flag,看过年这段时间能不能把vue的源码读完?多年前看过jQuery的部分源码,如果想要更深入的了解vue,还是得从源码开始
vue源码阅读,慢慢学习
vue的生命周期函数
vue组件的数据data为什么一定要是函数 ?
Mint-ui this.$messagebox点取消时,报错:Uncaught (in promise) cancel
vue-validate使用
这就是个vue的坑。。。
vue如何监听enter事件?
vue使用axios进行form表单提交
vue中如何改变title标题
如果在vue2.0中使用NProgress进度条
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。也是vue2.0官方推荐的,同时不再对vue-resource(vue1.0使用)进行更新和维护
分析Vue.js源码
npm run dev模式下,webpack4+vue2项目下,类似'/user/login'二级路由,刷新时静态资源路径不对,静态资源返回404
[Vue warn]: Error in render: "TypeError: Cannot read property 'matched' of undefined"
did you register the component correctly? For recursive components, make sure to provide the "name" option
vue.js如何查看注册了哪些组件,获取组件名称
vue底层的Virtual DOM就是基于snabbdom修改的