demo_020的博客

<el-autocomplete class="inline-input" style="width: 300px" v-model="ruleForm.unifiedIdentityAccount" :fetch-suggestions="querySearch" placeholder="请输入内容" :trigger-on-focus="false".

\数组对象中增加属性this.folderList.forEach((item, index) => { item.OnlyKey = item.id + item.lve; if (item.childRndTree != null) { item.childRndTree.forEach((item2) => { item2.OnlyKey = item2.id + item2.l

//接口文件//报表网盘类型报表的下载// export const downLoadNetDiskExcel = params => {// window.open(// `/${constConfig.basePath}/submit/task/downLoadNetDiskExcel?fileName=${params.fileName}&taskId=${params.taskId}`// );// };// export function downLoa

关于Cookie因为Web传输是通过HTTP协议，而HTTP协议是无状态协议。无状态协议即客户端是不保存什么数据的，是无记忆的。这就导致在后续操作如若需要前面用到的数据，又需要重新传输，则很影响使用的性能。所以Cookie出现了。Cookie的原理Cookie相当于服务器端发放给客户端用户的一个身份证。1.当用户第一次登陆时，服务器端返回一些数据即Cookie到客户端浏览器，接着浏览器将Cookie保存下来。而Cookie有两种存储方式：一是浏览器把Cookie存到内存中，二是保存在硬盘中。2.

通过注入路由器，我们可以在任何组件内通过 this.router访问路由器，也可以通过this.router 访问路由器，也可以通过 this.router访问路由器，也可以通过this.route 访问当前路由两者的区别为this.$router 相当于一个全局的路由器对象，包含了很多属性和对象（比如 history 对象），任何页面都可以调用其 push(), replace(), go() 等方法。his.$route 表示当前路由对象，每一个路由都会有一个 route 对象，是一个局部的对象，

什么是nextTick()nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数。 methods:{ testClick(){ let that=this; that.testMsg="这是修改后的值"; that.$nextTick(function(){ console.log(that.$refs.aa.innerText); }); }

1、动态路由（页面刷新数据不丢失）methods：{ insurance(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`, })}//路由配置{ path: '/particulars/:id', name: 'particulars', component: particulars }

ref介绍ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向该子组件实例通俗的讲，ref特性就是为元素或子组件赋予一个ID引用,通过this.$refs.refName来访问元素或子组件的实例。<p ref="p">Hello</p><children ref="children"></children>this.$re

回忆一下Js基本的数据类型有哪些？又是如果分类的？分为两类：1.原始的数据类型primitive type，有：Undefined、Null、Bollean、Number、String。2.引用类型值，也就是对象类Object type,有：object、Array、Function、Date等。为什么会有这两种分类？这是因为声明变量时不同的内存分配：原始的数据类型：存储在栈中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。它可以直接存储，是因为这些原始类型占据的空间是固定的，所以

什么是Flexflex模型是CSS3引入的新的布局模型，是flexible box的缩写，一般称之为弹性盒模型。和CSS3其他属性不一样，flexbox并不是一个属性，而是一个模块，包括多个CSS3属性。flex布局提供一种更加有效的方式来进行容器内的项目布局，以适应各种类型的显示设备和各种尺寸的屏幕。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}注

虽然工作中使用的都是vue2.0但是为了以后的工作还是看了一些vue3.0。setup() 函数setup() 函数是 vue3 中专门为组件提供的新属性。它为我们使用 vue3 的 Composition API 新特性提供了统一的入口。setup 函数会在 beforeCreate 之后、created 之前执行。1.setup是一个新的组件选项，也是其他API的入口。也就是说，你所有的操作都将在setup函数内部定义和执行， Vue3.0也将用函数代替Vue2.x的类也就是new Vue()

什么是节点操作页面中的所有内容都是节点(标签、属性、文本、注释等)，在dom中，节点使用node来表示。HTML DOM树中的所有节点均可通过javaScript进行访问，所以HTML元素(节点)均可被修改，也可以创建或删除。一般的，节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。元素节点 nodeType为1属性节点 nodeType为2文本节点 nodeType为3(文本节点包含文字、空格、换行等)我们在实际开发中，节点操

事件基础js使我们有能力创建动态页面，而事件是可以被js侦测到的行为简单理为：触发–响应机制事件是由三部分组成 事件源 时间类型 事件处理程序 我们也称为事件三要素执行事件的步骤点击div控制台输出 我被选中1.获取事件源 2.绑定事件 注册事件<script>//点击按钮弹出对话框 //事件是由三部分组成 事件源 时间类型 事件处理程序 我们也称为事件三要素 //1. 事件源 事件被触发的对象 谁？ 按钮 var btn = do

DOM什么是DOM？文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。① 对于JavaScript，为了能够使JavaScript操作HTML，JavaScript就有了一套自己的DOM编程接口。② 对于HTML，DOM使得HTML形成一棵DOM树，包括文档、元素、节点。我们获取过来的DOM元素是一个对象（object

简单数据类型简单数据类型又叫做基本数据类型或者值类型，复杂类型又叫做 引用类型；值类型：简单数据类型/基本数据类型，在存储时变量中存储的是本身，因此叫做值类型简单数据类型：String number boolean undefined null特殊的null引用类型(复杂)复杂数组类型，在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型通过new 关键字创建的对象（系统对象，自定义对象）,如Object，Array,Date等栈：简单的数据类型存放到栈里面 存放的是值堆：复杂

遇到一个需求，需要两个日期时间选择器，之间进行交互。起始日期：当前系统日期之前的日期不能选择。结束日期：大于起始时间，且结束之前的日期可选。限制某一时段无法选择引入DateTimePicker 日期时间选择器 <el-date-picker v-model="start_time" type="datetime" placeholder="选择起始日期" :picker-options="start_Date" format="yy

需求：下载功能要展示所有的下载字段，用户根据需要使用多选框选中后提交，并完成下载。这里 我使用了element-ui的Checkbox 多选框1.引用Checkbox 多选框<el-checkbox-group sortable="cistom"> <el-checkbox v-for="tag in downloadDisplay" //遍历展示下载字段 :label="tag.id" :key="tag.id"

项目中要求一个下拉框里面的选项可以拆叠。在element-ui官网里找了两个组件很符合我的需求。关键是怎么把他们组合在一起。下面是我从网上查到的方法。<el-select v-model="mineStatus" placeholder="请选择" multiple @change="selectChange" style="width:30%;"> <el-option :value="mineStatusValue" style="height: auto">

工作了一段时间，用vue写了一些方法这里总结一下：1、删除的方法 //批量删除 batchDeleted() { let _self = this; //获取选中表格行 let selectData = _self.$refs.multipleTable.selection; //判断是否选上 if (!selectData || selectData.length < 1) { _self.$message.er

1、什么是element-uielement-ui是由饿了么前端团队推出的一套为开发者、设计师和产品经理准备的基于Vue.js 2.0的桌面组件库，而手机端有对应框架是 Mint UI 。整个ui风格简约，很实用，同时也极大的提高了开发者的效率，是一个非常受欢迎的组件库。2、使用前的准备1、安装webpack 　 命令：cnpm install webpack -g2、安装vue/vue-cli 命令cnpm install vue vue-cli -g3、初始化vue