zym434597594的博客

话不多说上代码：父组件<template> <el-button @click="open">打开</el-button> <my-dialog ref="testDom" v-model:visible="flag"></my-dialog></template><script>import myDialog from "./myDialog.vue";import { defineCompone

由于iview switch组件的before-change不能直接传参数，所以通过一种变通的方法来传参，此方法对于开关前触发弹窗定制化提示非常有用打印测试：示例代码：<template> <Table :columns="columns1" :data="data1"></Table></template><script> // 全局this var thatValue; export d

通过查找资料将elementui组件增加了部分功能1、分页（注意分页使用的是先查询出全部数据，再使用js进行算法分页，因为如果一次渲染数据过多，穿梭框加载会有延迟，不太友好）2、增加自定义搜索框和筛选策略3、右侧栏增加了最大数量限制子组件：<template> <!-- 创建模块 --> <Modal v-model="isShow" @on-cancel="cancle" title="创建自定义模块" width="720"> &

iview的Modal组件通过绑定v-model，可以控制对话框开启和关闭一般做法是将modal组件放在父组件中,方便控制显示隐藏，但是为了减少单页面代码量和组件概念，可以将modal独立抽出做成组件，一般是通过props属性，主组件控制子组件对话框的显示隐藏，但由于props是单向绑定，所以无法做到，且会提示Avoid mutating a prop directly since the value will be overwritten whenever the parent component