随笔分类 - vue
摘要：##index使用页面 ###html <!-- 编辑|新增 --> <DetailDialog ref="addoreditDialog" v-if="addOrEditDialog.visible" :visible="addOrEditDialog.visible" :title="addOr
阅读全文
摘要：auto-complete="new-password" 下个版本将弃用 <el-input v-model="emailForm.password" auto-complete="new-password" :type="pwdType" class="input_box" placeholder
阅读全文
摘要：有时候,后台提供的数据没有用户想要的,这时候就支持用户自己输入 对select添加default-first-option和filterable属性,其中filterable是必须的. ##代码图 ##需求 用户不仅要选择对应的协议,还要能输入端口号. ##效果图 用户还可以输入其他的端口号
阅读全文
摘要：##1.父组件使用子组件内data的值或者调用子组件的方法 ###1.1首先,我们会给子组件一个ref属性(例如ref="children"),方便我们去获取. 我们去打印this.$refs.children,会得到子组件的所有属性以及方法,在下图中可以观察的到. ###1.2父组件获取子组件da
阅读全文
摘要：通常进入一个项目会有一个用户引导,我们今天来说一下 ##1.intro.js官网 intro.js官网 ##2.下载intro.js 通常有两种方式 第一种:使用 npm 安装 npm install intro.js --save 第二种:在package.json内写入想要安装的版本,在npm
阅读全文
摘要：##需求 两个下拉框公用一个数据源,A下拉选择的数据B无法选择,反正依然. ##思路 首先公用同一个数据,在下拉添加disabled选项,具体代码实现看下面代码 ##下拉框部分 <el-row> <el-col :span="12"> <el-form-item label="源地址集:" prop
阅读全文
摘要：##1.请求类型描述 需要注意的是.需要在后面补上设置,设置请求数据类型 responseType: ‘arraybuffer’ ##2.重点代码 this.codeImg = ‘data:image/png;base64,’ + btoa(new Uint8Array(res).reduce((d
阅读全文
摘要：##功能说明 存在一排必填，点击增加后会新增一行，点击每行后面的删除图标则会删除该行，新增按钮只会出现在最后一行 ##动态表单部分 ##data部分 ##方法 ##效果 ##代码 ###html <el-form ref="form" :rules="formRules" :inline="true
阅读全文
摘要：##示例代码 <template> <div> <el-table :data="tableData1" style="width: 100%;margin-bottom: 20px;" row-key="id" :row-class-name="tableRowClassName" border
阅读全文
摘要：##项目地址 github地址，下载下来。 ##登录验证 我们登录的时候引进来了一个验证，判断我们是否拥有这个权限，把我们需要的权限名字加进数组内 如下图 ##观察权限文件 看图我们可以发现，获取token之后，去store里面触发了获取用户信息事件。 然后我们去stroe里面找到getuserin
阅读全文
摘要：##1.准备图片 把我们需要的一些图片通过阿里妈妈icon库去下载下来，放到我们的vue项目中存放静态文件的地方（如下图）。 ##2.引用 在需要图片的文件内import引入进来，并在data里面return出去，我们就可以像平常定义变量使用了（如下图） ##3.使用 直接绑定我们data内声明的变
阅读全文
摘要：##下载node node官网 ##新建文件 在linux系统盘usr/local/新建一个文件夹，放我们刚刚下载好的node，解压之后放进去。 ##打开文件 打开node-点进去->打开node-v14.15.1-linux-x64 进入bin文件内，会看到三个文件 node npm 和 npx
阅读全文
摘要：实现效果，点击分页之后序号不会从1开始，是按照在总数据量的当前位置 显示对应的序号。 ##data定义分页变量 ##使用 在表格序号那里绑定方法 ## ##方法 ##部分代码 <el-table-column align="center" fixed="left" :index="indexMeth
阅读全文
摘要：##1.确定新增以及修改事件 **注意：**修改的时候需要把当前这一行的数据传递过去，做回显展示，并需要传递一个action标记，来判断是修改还是新增，默认不传为新增。 ##2.新增修改事件激活 **注意：**新增对象我们传递的两个参数，第一个是空对象，第二个为新增标记。并去触发修改事件。从图中我们
阅读全文
摘要：##Vue中鼠标移入事件@mouseover ##Vue中鼠标移出事件@mouseleave 最主要的是绑定对应的style ##代码实例 <template> <div class="pc"> <h1>{{ msg }}</h1> <div class="demo" @mouseover="mou
阅读全文
摘要：##了解递归组件 组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事。 ##把下面的数据递归循环 ##简单的递归组件 ##复杂一些的数据 ##无限极菜单递归组件的封装 ##代码 <template> <div> <div v-for="(value,index) in
阅读全文
摘要：##响应式数据的原理 核心点Object.defineProperty vue在data中初始化数据时，会给data中的属性使用Object.defineProperty重新定义属性。 当页面取到对应属性时，会进行依赖收集，如果属性发生变化则会通知想关依赖进行操作。 vue如何检测数组变化？ 1.使
阅读全文
摘要：##html ##style .textarea>>>.el-input__inner{ font-size: 18px!important; color:#000000!important; font-family: cursive!important; border:none !importan
阅读全文
摘要：##实现效果 ##数据返回结构 ##封装数据处理方法 ##数据处理方法代码 export const scaleMaintenancedata = (data) => { // author: let newdata = JSON.parse(JSON.stringify(data)); newda
阅读全文
摘要：##设计图 ##需求 根据推广渠道后端返回一个推广人员对应的一个或多个渠道信息； ##后端返回数据结构 这里的volist是一个或多个； ##解决思路 首先实现的效果用到element-ui的多级表头，即el-table-column 里面嵌套 el-table-column 这里合计、百度、搜狗。
阅读全文
浙公网安备 33010602011771号