随笔分类 - 前端的血泪史
摘要：一、Vue中的生命周期 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。 同时在这个过程中也会运行一些叫做生命周期钩子（生命周期回调函数、生命周期函数）的函数，这给了用户在不同阶段添加自己的代码的机会。
阅读全文
摘要：在开始部署之前，我们先要准备好以下工作： 一个能跑通的Vue项目 一个正常的、安装了nginx的服务器（可以是本地电脑） 服务器上安装了Node.js（nodejs官网：https://nodejs.org/en/ 可下载最新LTS版本并安装） 如果说服务器有了，nginx没安装？ 那没关系，安装起
阅读全文
摘要：事情是这样的，最近在写vue3的项目，快乐的用起了Element Plus 用到tag组件的时候，就下面这个👇 源代码一贴，ESLint报错就来了👇 就是声明ref的这句代码 菜鸡如我第一时间百度打法，浏览各种报错指路的帖子，给.eslintrc.js / package.json花式改配置——
阅读全文
摘要：0、首先的首先，安装vue-router 用vue3需要安装版本4.0以上的vue-router，安装命令：npm install vue-router@next --save vue2尽量安装4.0以下版本，安装命令：npm i vue-router@3.1.3 否则可能会报编译错误：export
阅读全文
摘要：本教程用于在vscode中配置标识在代码开头的信息注释，如创建时间、备注等： 1、打开vscode，面板中使用快捷键：ctrl+shift+p，上方弹出输入行； 在输入行下拉菜单中找到“配置用户代码片段”，如果找不到，在行中输入“snippets 2、点击红框标记的选项 3、在新弹出的框中选择“新建
阅读全文
摘要：问题：tabs绑定v-model / activeKey无效；无法动态设置选中的tab页 问题代码： <a-tabs v-model="activeKey" tab-position="left"> <a-tab-pane v-for="(type,index) in item.checkApply
阅读全文
摘要：Promise是异步编程的一种解决方案 什么情况下会来处理异步事件? 1 > 一种很常见的场景就是网络请求 2 > 我们封装网络请求的函数,因为不能立即拿到结果,所以不能简单的像3+4=7一样直接返回结果 3 > 所以我们往往传入一个函数,在数据请求成功时,将数据从回调函数中拿出来 4 > 如果只是
阅读全文
摘要：三种安装方法 （一）独立版本 我们可以在Vue.js的官网上直接下载vue.js,并在.html中通过<script>标签中引用。-> <script src = ../vue.js> </script> 开发环境不要使用最小压缩版，不然会没有错误提示和警告！（页面中直接使用） 使用vue多页面开发
阅读全文
摘要：扩展运算符。 对数组和对象而言，就是将运算符后面的变量里东西每一项拆下来。 （一）操作数组 // 1.把数组中的元素孤立起来 let iArray = ['1', '2', '3']; console.log(...iArray); // 打印结果 1 2 3 // 2.在数组中添加元素 let i
阅读全文
摘要：（1）vue 一次清空组件中data里的数据 如果结合element UI使用，可使用ele官方提供的重置表单方法 this.$refs[formName].resetFields(); 初始化组件中的所有数据 Object.assign(this.$data,this.$options.data(
阅读全文
摘要：参考：Vue官方文档 怎样才算Vue入门？关于Vue有哪些必须了解的知识？这篇就来归纳一下这些最最最基础、必必必须要知道的事儿 —— 一.Vue的生命周期与基本的钩子函数 生命周期，就是Vue 实例从创建到销毁的过程。 即从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等这一系列
阅读全文
摘要：（一）el_dialog 1、动态设置标题 设置标题用title="名称"动态设置标题用:title="IssueForm.ItemInfo.Name" 2、改变标题style 使用template 标签添加 slot属性 <el-dialog :visible.sync="dialogVisibl
阅读全文
摘要：1、截取字符串 （1）slice(start,[end]) //用slice删除字符串前几位字符，和删除最后一个字符 this.allId = this.allId.slice(0,this.allId.length - 1); //删除最后一个字符串 this.allId = this.allId
阅读全文
摘要：步骤重点： （1）行内添加开关控件，用templet初始化。 （2）form.on设定监听事件（先定义 var form = layui.form后才能使用 ） css部分 1 <div style="padding:10px 20px;"> 2 @*明细*@ 3 <div> 4 <table id
阅读全文
