vue
吃痴鱼
这个作者很懒,什么都没留下…
展开
-
一些常用公共方法
公共方法原创 2022-08-01 09:54:39 · 172 阅读 · 0 评论 -
vscode配置文件
1原创 2022-08-01 09:52:21 · 1839 阅读 · 0 评论 -
jspdf和html2canvas将html内容转 PDF
无原创 2022-06-17 15:26:35 · 250 阅读 · 0 评论 -
vue多条件判断,计算属性使用
三目运算的运用,条件1:条件2 ?结果1(true): 结果2(false)三目运算的运用,条件1:条件2 ?嵌套三目运算:嵌套三目运算<div> <el-button type="success" size="mini" ..原创 2021-07-20 16:36:55 · 1229 阅读 · 0 评论 -
vue利用element勾选框样式编写可勾选的卡片组件
需求:1、卡片点击查看详情,添加选中样式,兄弟标签取消样式;2、勾选框全选、反选,勾选样式,判断全选,未全选。1.HTML全选 <div class="select-contanier"><el-colv-if="showSubmits":span="24"style="padding-right: 10px;display: flex;justify-content: space-between"><el-button type="succ..原创 2021-07-16 18:23:13 · 1839 阅读 · 0 评论 -
elementUI勾选框绑定点击事件连续执行两次处理
事件冒泡机制导致,使用.prevent阻止默认事件,可以解决这个问题。<div @click.stop.prevent="checkboxOnclick(id)"> <el-checkbox v-model="checked"/></div>@click.stop.prevent原创 2021-07-14 13:59:35 · 1056 阅读 · 1 评论 -
通过当前id递归遍历树结构,树结构回显
方法treeSelect(node) {//调用赋值 this.findPathByLeafId(this.partOptions, node.id) }, // 递归实现,遍历数组 // 通过id遍历查找父级namefindPathByLeafId(array, id) { const stack = [] let going = true const.原创 2021-07-13 11:43:10 · 607 阅读 · 0 评论 -
elementUI树结构添加子级结构
1.父组件<template> <div> <div class="filter-input searchinput" :opendialog="inputValue" :constractId="fatherId" > <el-input v-model="filterText" .原创 2021-07-13 11:26:41 · 859 阅读 · 0 评论 -
子组件传值父组件数据刷新的问题
子组件监听值改变,自定义一个事件,在父组件使用时该事件为接收数据接口事件子组件:监听open值的变化,自定义事件this.$emit("refreshPart")watch: { open: { handler(val) { this.inputValue = val if (!val) { this.contractSectId = '' ...原创 2021-07-13 11:11:49 · 1028 阅读 · 0 评论 -
父组件传值给子组件但是值不改变的解决方法
在子组件内深度监听值改变,调用加载方法父组件<tree-select-edit :inputValue = "inputValue" :fatherId = "contractSectId" />子组件<div class="filter-input searchinput" :opendialog="inputValue" :constractId="fatherId" &g原创 2021-07-09 15:23:36 · 1215 阅读 · 0 评论 -
echarst加载动态数据,格式化legend
赋值写在接口数据加载里面,避免数据加载不同步获取接口,传参页面数据数组:showPage:[]legend格式化: // 回调函数 实现标志图形字体后边加上百分比 formatter: function(name) { let total = 0 let tarValue = 0 for (let i =..原创 2021-06-25 10:31:56 · 257 阅读 · 0 评论 -
JSON.stringify和js-replace替换所有字符,在原数组进行数据改变
1.遍历数组,删除不要的数据;2.重新遍历数组进行替换先删除再替换 this.seriesData && this.seriesData.forEach((item, index) => { //删除名字为team这条数据 if (item.typeName === 'team') { this.seriesData.splice(index, 1)原创 2021-06-24 18:18:44 · 816 阅读 · 0 评论 -
vue.js分页
<div class="contanier">//绑定显示的数据容器</div><div class="pagination"> <div class="pages-box"> <div class="pages-prev" @click="pagePrev()"> <svg-icon icon-class="up" class="fill.原创 2021-06-23 12:59:38 · 345 阅读 · 0 评论