a576837179的博客

适用于所有JavaScript环境，例如服务器端使用Node.js。如果没有浏览器API，路由器将自动被强制进入此模式。

Vue的生命周期就是实例从创建到销毁的一个过程，即从创建、初始化数据、编译模板、挂载Dom($el)->渲染、更新->渲染，卸载等一系列的过程。el是挂载点如。

vue 虚拟dom原理、diff算法和key作用

nextTick原理

keep-alive缓存原理

vue computed缓存原理

vue响应式原理

1.在main.js里面添加该代码，当修改后会重新赋值修改前的值window.addEventListener('storage', function (e) { sessionStorage.setItem(e.key, e.oldValue)});2.当localStorage值被修改的时候清除他并且跳转到登录页window.addEventListener('storage', function () { sessionStorage.clear(); window.

1.拼接参数的,数据不会丢失const routes = [{path: '/hello/:id',name:'hello'，component: hello}]function getId(id){this.$router.push({path:`/hello/${id}`})}this.$route.params.id2.刷新后数据会丢失this.$router.push({name:'hello',params:{id:'123'}})this.$route.params.id3.刷

场景: vue中在与后端进行数据交互时，使用axios发送请求，不做配置直接使用get请求传递数组类型参数的时候，后端是无法接收数据的，需要对axios一些简单的配置才能让后端完美的接收数组let params = ['2021715','20210415']list(data){ return request({ url: '/getList', method: 'get', params: data, })}上述代码在不做配置的时候请求信息为：/list?season[]=

<template> <el-table :data="tableData"> <el-table-column type="index" width="50" label="序号" align='center'> <template slot-scope="scope"> <span>{{(pages.page - 1) * pages.size + scope.$index + 1}}</span>

思路是当select值发生变化时触发@change方法，用当前值去遍历odsOptions数组里的内容，若值一致则取其label值赋给this.params.odsTypeName。<el-select v-model="params.odsTypeCode" @change="getOdsLabel" filterable placeholder="请选择"> <el-option v-for="(item, index) in odsOptions" :label="item.la

加个v-if就解决了<el-dialog title="修改" v-if="updateDialog" :visible.sync="updateDialog" @close="handleAddClose" :model-append-to-body="false" :close-on-click-modal="false"> <update-Dialog :updateChild="updateChild" updateEmit="updateEmit" ref="updateG

外层设置overflow:hidden，内层设置overflow-y:scroll，内层比外层多20px来隐藏滚动条;<template> <el-container> <div class="asideBox"> <el-aside> <leftMenu></leftMenu> </el-aside> </div> <el-main></el-main&gt

<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" height="53vh" @row-click="toStaffDetail" @select="userChoose" > <el-table-column type="

Vue.directive('noMoreClick', { inserted(el, binding) { el.addEventListener('click', e => { el.classList.add('is-disabled'); el.disabled = true; setTimeout(() => { el.disabled = false; el.classList.remove('is-di

1、什么是cross-env?它是运行跨平台设置和使用Node中环境变量的组件。2、为什么需要cross-env?【 cross-env 能够提供一个设置环境变量的scripts】自定义配置环境变量在不同的环境下，配置方式也是不同的。根据本地、测试、线上环境配置不同的API。npm install cross-env --save-devconfig->dev.env.js文件module.exports=merge(prodEnv,{NODE_ENV:development,ENV

方式一:使用value-format，该属性是dateValue绑定值的格式；<el-date-picker v-model="datevalue" type="datetimerange" value-format="yyyy-NM-dd hh" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" :disabled="isDisabled">&lt

因数据库问题，列数据时间值的末尾都带有.0，要求去掉，按思路即可解决。解决前：<el-table> <el-table-columm prop="newCommitTime" label="最新时间" sortable :formatter="formatTime" width="144px" align="center"></el-table-columm></el-table>formatTime(row,column){//解决最新时间和消

当表格列排序不是连续有值时会导致组件自带排序功能错误，按照如下思路即可解决。解决前：<el-table> <el-table-columm prop="newCommitTime" label="最新时间" sortable width="144px" align="center"></el-table-columm> <el-table-columm prop="consumerCommitTime" label="消费时间" sortable widt

因项目要求，需要在本地起nginx服务。先下载并解压nginx-1.18.0版本，接着npm run build打包项目，接着放在html文件夹内。配置nginx.conf，使用@router可以取到vue项目中的路由并切换访问。server { listen 8806; server_name localhost; location / { root html; try_files $uri $uri/ @router; index index.html index.htm; }

因项目要求需对表格增加排序功能。开始在代码内写sortable便可进行默认排序，会发现只对当前页进行排序。后来要求对所有页进行排序，于是就加上@sort-change，这是触发排序时会执行的方法，再写个sort_change函数并返回比较结果。问题来了！发现点击排序顺序是数字大写小写，可要求是不区分大小写排序，查遍全网也没解决。经过看文档仔细琢磨，才知道光写sortable执行的是sort-method默认的a-b升序，又执行了@sort-change函数，等于进行了两次排序才导致的报错。于是改成sorta