豆。的博客

Vue是SPA单页面应用对SEO不太友好，如果你只是需要对少数页面需要做SEO处理（例如 / 首页，/关于我们 等页面），可以使用预渲染 prerender-spa-plugin (插件)

Vue二级目录项目用 prerender-spa-plugin 做 SEO 优化，构建项目无法完成也不报错，一直卡在浏览器检测阶段

前言需求：纵向关系树图，自定义节点边框，且文字纵向排列，树图可拖拽可缩放一、效果图二、准备工作vue，图表采用AntV G6编写AntV G6快速入门三、完整代码<template> <div> <div id="tree"></div> </div></template><script>import G6 from "@antv/g6";export default { data()

一、在vue项目中，用npm包下载下来npm install vuedraggable -S二、下载下来后，引入插件，在你的vue文件的script标签里面这样引入import draggable from 'vuedraggable'三、注册组件components: { draggable},四、在template标签里面使用<draggable v-model="colors" @update="datadragEnd" :options = "{animation:50

介绍这是一个可以快速回到页面顶部的组件，当用户浏览到页面底部的时候，通过点击按钮，可快速回到页面顶部。由于该组件是基于element-UI进行二次封装的，所以在使用该组件时请务必安装element-UI（安装方式猛戳这里），安装好element-UI后，只需将该组件文件夹BackToTop导入到现有项目中即可使用。使用示例<template> <div id=...

以下是我自己写的一个标题导航栏模板，较为简陋，需要什么属性可自行添加。HTML部分<template> <div class="comp-navbar"> <!-- 占位栏 --> <div class="placeholder-bar" :style="{height: holderBarHeight + 'px'}"> ...