![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
前端菜鸟一枚
记录自己的学习之路
展开
-
vue3 cli4 开启 npm run serve 后自动开启浏览器
原创 2022-04-22 11:44:25 · 1771 阅读 · 0 评论 -
vue3 cli4 使用prerender-spa-plugin 预渲染
环境Vue:3.0.0node:v14.17.6vue/cli:4.5.15prerender-spa-plugin:3.4.01.安装npm i prerender-spa-plugin -D2.vue.config.jsconst path = require('path')const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPAPlugin.Pu原创 2022-04-21 17:58:49 · 1447 阅读 · 0 评论 -
vue table 合并单元格内排序
<template> <div style="padding:20px"> <el-table :data="tableData6" :span-method="objectSpanMethod" border> <el-table-column prop="id" label="ID" width="180"></el-table-column> <el-table-column prop="...原创 2022-02-24 13:51:58 · 609 阅读 · 0 评论 -
前端 ESLint规则开启关闭
关闭当前行的所有规则校验 // eslint-disable-linevue-cli关闭/禁用/使用ESLint语法检测功能 - 简书在使用vue-cli命令‘vue init webpack 项目名称’创建项目的过程中,如果无意选择了ESLint语法检测,会在项目目录中出现如下的ESLint配置文件。 如...https://www.jianshu.com/p/29f3e6c78602...原创 2022-02-24 13:48:45 · 371 阅读 · 0 评论 -
安装vue-meta-info
1.安装npm install vue-meta-info --save2.main.js 引入import MetaInfo from 'vue-meta-info'createApp(App).use(store).use(router).use(MetaInfo).mount("#app");3.使用<script> export default { metaInfo() { return { title: this.pageName, .原创 2022-02-08 11:46:00 · 630 阅读 · 0 评论 -
Vue中常用的数组方法.filter()、.map()、.forEach()、.find()、.findIndex()、.some()、.every()
.filter()filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。是否改变原数组:否是否对空数组进行检测:否语法:const arr= [32, 33, 16, 40];const arr1 = arr.filter(item => item >= 18)console.log(arr) // [32, 33, 16, 40]console.log(arr1) // [32, 33, 40].map()map() ..转载 2022-01-11 10:16:10 · 2849 阅读 · 0 评论 -
ElementUi中el-table分页效果,前端控制分页
现实的场景中很经常遇到表格el-table数据过多,为了更好的用户体验,所以我们需要用到分页,一般分页可以视数据量的大小可分为前端控制和后端控制。<template> <el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" :stripe="stripe" :current-page.sync="currentPage"原创 2021-12-15 14:30:34 · 7163 阅读 · 1 评论 -
vue的跳转方式(打开新页面,传参)
1.router-link跳转// 直接写上跳转的地址<router-link to="/detail/one" tag='a' target="_blank" > <span class="spanfour" >link跳转</span></router-link> // 添加参数<router-link :to="{path:'/detail/two', query:{id:1,name:'vue'}}"></ro原创 2021-12-15 13:58:24 · 200 阅读 · 0 评论 -
vue中calc不生效,calc 取负数
添加一个~即可,下面两种方法都可以width: calc(~"100% - 2.8rem"); width: ~"calc(100% - 2.8rem)";原创 2021-12-13 10:11:42 · 2056 阅读 · 0 评论 -
npm 安装 vue-cli
1.先安装node,下载地址https://nodejs.org/en,因为本人电脑配置低只能选择安装node-v12.22.4-x64.msi(64位操作系统),此版本下载地址https://nodejs.org/en/about/releases/。一路next。安装完成后,打开命令行cmd,输入: node -v,回车之后若出现版本号,则没问题。2.安装npm。npm install -g cnpm --registry=https://registry.npm.taobao.org,回车之后出现原创 2021-08-04 16:15:58 · 7988 阅读 · 0 评论