![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
nuxt
可爱小仙子
做前端的可爱小仙子
展开
-
去除elementUI表格鼠标移入背景色
html部分<div class="group"> <el-table></el-table></div>//css部分<style>.group > .el-table--enable-row-hover .el-table__body tr:hover > td { background-color: white !important;}</style>原创 2021-12-20 17:07:18 · 1697 阅读 · 0 评论 -
nuxt项目去除data-n-head=“ssr“默认属性
修改nuxt.config.js添加hooks配置去除所有的data-n-head="ssr"默认属性代码:hooks: { 'render:route': (url, result) => { result.html = result.html.replace(/data-n-head=\"ssr\"/gi,'') } },TDk字数长度是有限制的title 最长60个字符 30个汉字 (手机端最长18个汉字)description 最长..原创 2021-12-14 16:54:58 · 3084 阅读 · 3 评论 -
nuxt项目设置全局大小屏幕兼容
在你项目的起始页的create钩子函数使用window设置以1920为参考对象的屏幕大小,按比例缩放大小。nuxt使用window要先做个undefined判断,不然会报错。created() { if (typeof window !== 'undefined') { var percentageOn1 = (window.screen.width / 1920)*100; document.body.style.zoom = percentageOn1+'%'.原创 2021-12-13 11:19:39 · 2002 阅读 · 0 评论 -
vue和nuxt项目引入多个script
因为vue是单页面,一个页面只能拥有一个script标签。不过我们可以使用引入组件的方式引入多个script。通过components引入组件,把script内容写在组件的script标签中,达到使用多个script标签的目的! <tutorial></tutorial><script>import tutorial from '../components/Tutorial.vue'export default { comp...原创 2021-12-11 11:57:49 · 2583 阅读 · 0 评论 -
nuxt项目配置自定义router
一、配置nuxt.config.js文件中的router属性1、 引入自己配置的路由文件import routerIndex from './router/index' 2、将自定义路由替换掉nuxt自己生成的路由router: { extendRoutes(routes, resolve) { // 清空路由数组 routes.splice(0) // 插入新的路由配置 const routesArr = routerInd...原创 2021-12-11 11:50:55 · 3397 阅读 · 2 评论 -
Linux配置nuxt项目
1.安装node,解压node-v16.13.0-linux-x64.tar.xztar -xvf node-v11.0.0.tar.gz2.配置环境变量 /etc/profileexport NODE_HOME=/usr/nodeexport PATH=$PATH:$NODE_HOME/binexport NODE_PATH=$NODE_HOME/lib/node_modules然后 source /etc/profile3.进入项目目录npm install (安装依赖)npm r.原创 2021-12-10 11:15:31 · 771 阅读 · 0 评论 -
搭建nuxt项目
前提环境:node.js vue-cli (具体安装下载node和vue-cli步骤在我博客vue项目搭建中有教程,可自行查看)安装nuxt:npm install --save nuxt接下来创建nuxt项目步骤:一、选择一个目录输入cmd,将在这个目录建立nuxt项目二、输入创建nuxt命令:npm create nuxt-app 项目名称三、选择需要安装的插件四、等待下载nuxt项目五、用vscode打开项目输入npm run dev启动命...原创 2021-11-26 14:45:27 · 2232 阅读 · 0 评论