Frank杰的博客

之前一直不太明白element的分页怎么实现，当时自身实力确实有些欠佳，只看官网无法理解它的用法，此刻记录一下自己的经验。分页功能使用v-for和element表格都是一样的，只需要对获取的数据进行一次拆分即可，代码如下：<el-card shadow="hover"v-for="(item,i) in DirList.slice((currentPage-1)*pagesize,currentPage*pagesize)" :key=i>...

yarn : 无法加载文件 C:\Users\czj00\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1yarn serve~~ ~~CategoryInfo : SecurityError: (???? []，PSSecurityExcept

记录一下我又发现了一个新的报错，准确说是warning，不影响你使用但是留着它影响心情，原因是我的路由跳转到了当前页面，下面是报错截图，解决方法在图片后面。只需要在你的router.js也就是路由配置文件下加入下面这段代码即可，注意Router是你实例化的路由对象，版本不同有可能是VueRouter，添加后问题解决。//获取原型对象上的push函数const originalPush = Router.prototype.push//修改原型对象中的push方法Router.prototype.

module.exports = { devServer: { host: "localhost", port: 8081, // 端口号 https: false, // https:{type:Boolean} // open: true, //配置自动启动浏览器 //配置跨域 proxy: { '/api': { // 要代理的地址

记录一下图片转换base64，目前在做的作业用到了，页面使用了vue+element-ui<template> <div> <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="h

记录一下自己对嵌套路由的理解我的博客需要头脚和侧边栏不变，点击相应标签网页中间切换内容，一种方法是写多个页面每一个都包括了网页的头尾侧边栏等内容，但这样显然不是个很好的处理方法，所以就用到了嵌套路由。首先路由要显示内容需要<router-view>，在app.vue会有一个顶层的view，它用来显示页面中不变的部分，然后在home页你要显示可切换内容的地方再添加一个<router-view>，我的部分代码如下：//home页<div class="home">

为什么要写return返回？因为不使用return包裹的数据会在项目的全局可见，会造成变量污染使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。这里记录一下，还有两种data的写法附在下面，提醒自己不要忘记。简单的vue实例data属性展现的形式：let app= newVue({ el:"#app", data:{ msg:'' }})使用组件化项目的形式：export default{ data(){ r

前言最近在做项目时候遇到了这个问题，网上找到的资料虽然详细但有些地方没提到，花费了一天的时间发现了我自己的问题，在这记录一下。我用的服务是NGINX，apache的没有再去测试。正文vue项目打包好后扔到服务器上，然后惊奇的发现在本地完美运行的连接到的后端接口一个也没有成功获取到数据，检查了无数次代码又百度好久之后才知道是本地运行时node已经帮我们实现了跨域，而在服务器中跨域需要重新配置。不再说废话了，接下来的说一下我的处理方法：首先进入nginx的目录文件夹->conf->ngin

Vue学习笔记自己在学习Vue的时候很迷茫，学长告诉说vue的全家桶要学习，生命周期原理要明白，各种ui框架要会用。。。虽然听的认真但真正开始学还是感到无从下手，跟着官方文档和一些视频苦功了几个月终于算是明白了一些，在这里记录一下自己的成长。最开始是跟着官方文档从头到尾把每个代码都敲了一遍，但是效率并不高，还有很多地方不明白，后来又找了一些视频，跟着视频里的老师随讲随敲代码才把之前没弄懂的地方弄清楚。当初学习是把组件、插槽和动画这些选择放到最后去学习，因为这些当时对自己来说有些难以理解，一个月的时间我了

最近在开发一个系统时发现element-ui官方文档提供的筛选功能只能筛选前端页面中的数据，而当存在大量数据且每天都会出现新的筛选项时会变得难以处理，所以整理了一篇使用vue+axios+element实现的通过调用后台数据完成全局筛选，希望各位大佬如果有更好的方法可以来指正一下页面代码（部分）<el-table ref="filterTable" v-loading="listLoading" :data="list" element-loadin