![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
吃痴鱼
这个作者很懒,什么都没留下…
展开
-
一些常用公共方法
公共方法原创 2022-08-01 09:54:39 · 144 阅读 · 0 评论 -
vscode配置文件
1原创 2022-08-01 09:52:21 · 1831 阅读 · 0 评论 -
jspdf和html2canvas将html内容转 PDF
无原创 2022-06-17 15:26:35 · 221 阅读 · 0 评论 -
vue多条件判断,计算属性使用
三目运算的运用,条件1:条件2 ?结果1(true): 结果2(false) 三目运算的运用,条件1:条件2 ?嵌套三目运算:嵌套三目运算 <div> <el-button type="success" size="mini" ..原创 2021-07-20 16:36:55 · 1213 阅读 · 0 评论 -
vue利用element勾选框样式编写可勾选的卡片组件
需求:1、卡片点击查看详情,添加选中样式,兄弟标签取消样式;2、勾选框全选、反选,勾选样式,判断全选,未全选。 1.HTML 全选 <div class="select-contanier"> <el-col v-if="showSubmits" :span="24" style="padding-right: 10px; display: flex; justify-content: space-between" > <el-button type="succ..原创 2021-07-16 18:23:13 · 1770 阅读 · 0 评论 -
elementUI勾选框绑定点击事件连续执行两次处理
事件冒泡机制导致,使用.prevent阻止默认事件,可以解决这个问题。 <div @click.stop.prevent="checkboxOnclick(id)"> <el-checkbox v-model="checked"/> </div> @click.stop.prevent原创 2021-07-14 13:59:35 · 1023 阅读 · 1 评论 -
通过当前id递归遍历树结构,树结构回显
方法 treeSelect(node) { //调用赋值 this.findPathByLeafId(this.partOptions, node.id) }, // 递归实现,遍历数组 // 通过id遍历查找父级name findPathByLeafId(array, id) { const stack = [] let going = true const.原创 2021-07-13 11:43:10 · 584 阅读 · 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 · 851 阅读 · 0 评论 -
子组件传值父组件数据刷新的问题
子组件监听值改变,自定义一个事件,在父组件使用时该事件为接收数据接口事件 子组件:监听open值的变化,自定义事件this.$emit("refreshPart") watch: { open: { handler(val) { this.inputValue = val if (!val) { this.contractSectId = '' ...原创 2021-07-13 11:11:49 · 995 阅读 · 0 评论 -
父组件传值给子组件但是值不改变的解决方法
在子组件内深度监听值改变,调用加载方法 父组件 <tree-select-edit :inputValue = "inputValue" :fatherId = "contractSectId" /> 子组件 <div class="filter-input searchinput" :opendialog="inputValue" :constractId="fatherId" &g原创 2021-07-09 15:23:36 · 1188 阅读 · 0 评论 -
echarst加载动态数据,格式化legend
赋值写在接口数据加载里面,避免数据加载不同步 获取接口,传参 页面数据数组:showPage:[] legend格式化: // 回调函数 实现标志图形字体后边加上百分比 formatter: function(name) { let total = 0 let tarValue = 0 for (let i =..原创 2021-06-25 10:31:56 · 242 阅读 · 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 · 804 阅读 · 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 · 321 阅读 · 0 评论