随笔分类 -  element-ui+vue

1 2 3 4 5 下一页
vue怎么改porps里的传值
摘要：在Vue中，如果你想修改通过props传递的值，通常情况下，你应该尽量避免直接修改props的值，因为这违反了Vue的单向数据流原则。单向数据流意味着父组件通过props向子组件传递数据，而子组件不应该直接修改这些数据。这样做的好处是保持了数据流的清晰和可追踪性，同时也方便了组件的复用和测试。 然而 阅读全文
posted @ 2025-02-14 10:15 hello芳芳 阅读(202) 评论(0) 推荐(0)
把合计变成千位分割符，两位小数
摘要：formatterThousandNews(cellValue) { return cellValue && cellValue.toLocaleString('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 4 }) }, {{ 阅读全文
posted @ 2024-12-03 11:51 hello芳芳 阅读(20) 评论(0) 推荐(0)
el-tree全部展开全部折叠方法
摘要：// 折叠所有节点 setAllFold() { for (var i = 0; i < this.$refs.tree.store._getAllNodes().length; i++) { this.$refs.tree.store._getAllNodes()[i].expanded = fa 阅读全文
posted @ 2024-07-19 16:39 hello芳芳 阅读(1472) 评论(0) 推荐(0)
vxe-table,设置某列不显示时，表头表体对应错乱,添加一行，定位到当前行
摘要：key值原先绑定的是索引，应该绑strfield refreshTable(){ this.tableKey = Math.random() } //添加一行 <vxe-table ref="table" :key="tableKey" > methods:{ //滚动到左侧 this.tableK 阅读全文
posted @ 2024-04-30 11:27 hello芳芳 阅读(491) 评论(0) 推荐(0)
列表中，相同id分一组
摘要：const commonItem = {} this.mainForm.customermachinedetailList.forEach(item => { if (commonItem[item.lngdetailid]) { commonItem[item.lngdetailid].push( 阅读全文
posted @ 2024-04-27 11:56 hello芳芳 阅读(29) 评论(0) 推荐(0)
vue currency金额过大过滤有问题,自定义过滤器，确保金额精确到指定小数位数
摘要：// 自定义过滤器，确保金额精确到指定小数位数 Vue.filter('currency', function(value, currency, decimals) { if (!value) return '0.00'; value = parseFloat(value).toFixed(deci 阅读全文
posted @ 2024-04-22 09:59 hello芳芳 阅读(49) 评论(0) 推荐(0)
instanceof和typeof的区别
摘要：instanceof和typeof的区别 1.typeof：可以用来确定一个变量的数据类型 2.instanceof：可以用来确定一个引用类型值的是什么类型的对象 typeof用以获取一个变量的类型，typeof一般只能返回如下几个结 果：number,boolean,string,function 阅读全文
posted @ 2024-03-08 15:29 hello芳芳 阅读(1165) 评论(0) 推荐(0)
el-image实现在el-table-column中展示多张图片，且能够大图循环预览
摘要：可大图循环预览,可展示当前第几张/共几张 <span class="downText" @click.stop.prevent="previewFn(item)">查看</span> <!-- 展示图片组组件 --> <el-image v-show="false" id="imglist" ref 阅读全文
posted @ 2024-02-08 08:44 hello芳芳 阅读(1671) 评论(0) 推荐(0)
pattern和validator自定义校验规则
摘要：data(){ const checkNum = (rule, value, callback) => { if (value || value 0) { if (value < 1 || value > 99) { return callback(new Error('次数取值范围1~99')) 阅读全文
posted @ 2024-02-07 10:21 hello芳芳 阅读(369) 评论(0) 推荐(0)
Vue中的filter过滤器是使用方法
摘要：在Vue中filter过滤器是一个非常强大的功能。个人觉得称它为加工车间会更加贴切一些。过滤器可以用来筛选出符合条件的，丢弃不符合条件的；加工车间既可以筛选，又可以对筛选出来的进行加工。一、filter的作用是：对值进行筛选加工。二、使用的地方有两个位置，和两个方式。 {{ msg | filter 阅读全文
posted @ 2024-02-04 11:19 hello芳芳 阅读(910) 评论(0) 推荐(0)
js 数组和对象的深拷贝的方法
摘要：数组深拷贝的方法 方法一：for循环实现 var arr = [1,2,3,4,5] var arr2 = copyArr(arr) function copyArr(arr) { let res = [] for (let i = 0; i < arr.length; i++) { res.pus 阅读全文
posted @ 2024-02-04 11:04 hello芳芳 阅读(1334) 评论(0) 推荐(0)
Object.assign详解（对象的浅拷贝以及合并）
摘要：Object.assign详解 一、Object.assign是什么？ 首先了解下Object.assign()是什么。我们先看看ES6官方文档是怎么介绍的？ Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 简单来说，就是Object 阅读全文
posted @ 2024-02-04 10:46 hello芳芳 阅读(952) 评论(0) 推荐(0)
Vue数据更新页面却没有更新的几种情况以及解决方法
摘要：情况一：Vue无法检测实例被创建时不存在于data中的变量 原因：由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化，所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 例如： 1 2 3 4 5 new Vue({ data:{}, t 阅读全文
posted @ 2023-11-01 11:19 hello芳芳 阅读(4397) 评论(0) 推荐(0)
vue 组件之间的数据传递
摘要：一、组件之间的关系 父子关系、兄弟关系、跨级关系 二、父子之间数据传递 1、父组件向子组件传递【使用 props】 第一步：在父组件中使用子组件时，给子组件绑定属性 第二步：在子组件中使用props接收绑定的属性值 2、子组件向父组件传递【使用 $emit】 第一步：在子组件中通过$emit触发指定 阅读全文
posted @ 2023-10-19 16:10 hello芳芳 阅读(105) 评论(0) 推荐(0)
v-bind="$attrs" v-on="$listeners"
摘要：v-bind="$attrs" 主要用于组件之间的隔代传值。例如有 父组件A，子组件B，孙组件C 三个组件。A组件中的值需要直接传给C，那么就需要在B中设置v-bind="$attrs"，然后在C组件中用prop接收，此时就直接把值传给了C组件。父组件A <template> <B_zujian m 阅读全文
posted @ 2023-10-19 15:33 hello芳芳 阅读(87) 评论(0) 推荐(0)
el-select 无限下拉滚动加载数据
摘要：<template> <div> <el-form ref="saveParameter" :model="saveParameter" inline inline-message style="margin:10px" > <el-form-item label="供应商" prop="lngcu 阅读全文
posted @ 2023-07-29 15:17 hello芳芳 阅读(800) 评论(0) 推荐(0)
Uncaught DONException: Failed to execute ‘atob‘ on “window ‘: The string to be decoded is not carrec
摘要：data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABGU.... 报错是因为没有去除 data:image/png;base64,应只要后面的文件流 1. base64 ： 可以直接当作链接地址使用 1 data:image/png;base64,iVBOR 阅读全文
posted @ 2022-09-22 13:39 hello芳芳 阅读(1327) 评论(0) 推荐(0)
千位分隔符
摘要：aa.toLocaleString() 阅读全文
posted @ 2022-06-20 15:26 hello芳芳 阅读(20) 评论(0) 推荐(0)
props传值
摘要：props接收的值不能再更改,如果要更改就用 this.$refs.xxx.propA=2 阅读全文
posted @ 2022-06-17 08:57 hello芳芳 阅读(57) 评论(0) 推荐(0)
vxe-table表头字段的显示隐藏 vxe-toolbar使用
摘要：<vxe-toolbar custom /> <vxe-table id="bbb" ref="table" v-loading="loading" :data="model.list" class="tb-edit height34" border keep-source stripe resiz 阅读全文
posted @ 2022-05-06 09:33 hello芳芳 阅读(2532) 评论(0) 推荐(0)

1 2 3 4 5 下一页