随笔分类 -  VUE

1 2 3 下一页
vue 混合方法mixins 协可以写入公共的方法
摘要：新建一个文件夹mixins 同views 同级 export default { data() { return { }; }, mounted() { }, methods: { // 修改标题方法 ready(callback) { // 如果 jsbridge 已经注入则直接调用 if (wi 阅读全文
posted @ 2024-07-12 10:10 bingxiaoxiao 阅读(32) 评论(0) 推荐(0) 编辑
vue 点击图片方法
摘要：一般项目中需要点击触发事件才进行查看大图，elementUi组件库中并没有写触发需要执行的代码，这里在触发的方法中加this.$refs.preview.clickHandler()触发查看大图功能 <el-upload class="avatar-uploader" accept=".jpg,.j 阅读全文
posted @ 2024-07-10 09:53 bingxiaoxiao 阅读(39) 评论(0) 推荐(0) 编辑
解决vue elementUI el-tabs默认选项下划线不显示的问题
摘要：el-tabs初始加载时，el-tabs__active-bar的宽度为0，导致下划线不显示问题 首先在el-tabs组件中加入v-if=“ifShow”， 默认值为false 请求tabList数据接口时给添加为true <el-tabs v-if="ifShow" v-model="authTy 阅读全文
posted @ 2024-06-26 17:55 bingxiaoxiao 阅读(697) 评论(0) 推荐(0) 编辑
微信、支付宝小程序引入阿里巴巴矢量图库
摘要：阿里巴巴矢量图标库：https://www.iconfont.cn/第一步：生成fontclass地址 将喜欢的icon加入购物车 将购物车中的图标添加至项目 获取项目，下载至本地 使用iconfont.css 第二步：引入字体 将iconfont.css 内容粘贴到微信小程序项目中 assets/ 阅读全文
posted @ 2024-05-28 18:09 bingxiaoxiao 阅读(168) 评论(0) 推荐(0) 编辑
Vue实现可拖拽边界布局
摘要：实现可拖拽边界布局 一种可拖拽边界的布局，通过拖动分隔线来调整不同区域大小。 主要涉及到以下几个方面： 布局结构：使用flex布局来实现容器和子元素的分配，使用style绑定来动态调整区域的大小，使用cursor属性来改变鼠标的形状。数据定义：使用data选项来定义不同区域的宽度和高度，以及是否正在 阅读全文
posted @ 2024-05-07 14:17 bingxiaoxiao 阅读(964) 评论(0) 推荐(0) 编辑
往对象中新增一个参数（之前没有定义）
摘要：this.$set(this.formData.crmAssessmentSettingCustomerVisitTargetList[0], 'typeList', res.data) 阅读全文
posted @ 2022-05-05 14:26 bingxiaoxiao 阅读(111) 评论(0) 推荐(0) 编辑
限制input 只能输入正整数小数点一位 两位（指令方法）
摘要：1.在directive文件下的directive.js中内容如下 // 判断小数点正整数 v-inputLimit='0' 0位 v-inputLimit='1' 1位 v-inputLimit='2' 2位 const inputLimit = { bind(el, binding) { var 阅读全文
posted @ 2022-04-26 09:59 bingxiaoxiao 阅读(803) 评论(0) 推荐(0) 编辑
element ui 树形多选 提取id
摘要：// show-checkbox 单选时去掉 <el-tree :props="props" :data="treeList" node-key="id" ref="tree" show-checkbox :expand-on-click-node="true" @node-click="handl 阅读全文
posted @ 2022-03-25 14:01 bingxiaoxiao 阅读(453) 评论(0) 推荐(0) 编辑
树形 多层嵌套 取出每层的id 放在一个数组中
摘要：let data = [ { firstLetter: 'A', fullName: '安徽省安庆市大观区', id: 1, childrens: [ { firstLetter: 'B', fullName: '安徽', id: 2, childrens: [ { firstLetter: 'D' 阅读全文
posted @ 2022-03-25 13:56 bingxiaoxiao 阅读(89) 评论(0) 推荐(0) 编辑
vue通信、传值的多种方式（详细）
摘要：Vue通信、传值的多种方式，详解（都是干货）： 一、通过路由带参数进行传值①两个组件 A和B,A组件通过query把orderId传递给B组件（触发事件可以是点击事件、钩子函数等） this.$router.push({ path: '/conponentsB', query: { orderId: 阅读全文
posted @ 2022-03-01 16:38 bingxiaoxiao 阅读(1165) 评论(0) 推荐(0) 编辑
element ui table 表尾合计行 错位优化
摘要：<el-table v-loading="listLoading" :data="dataList" :header-cell-style="{ background: '#f5f7fa' }" element-loading-text="拼命加载中" @selection-change="(lis 阅读全文
posted @ 2022-01-08 14:32 bingxiaoxiao 阅读(1554) 评论(0) 推荐(0) 编辑
vueX的五大属性和使用方法--包括辅助函数
摘要：vuex有五个核心概念： state, getters, mutations, actions, modules。 1.state：vuex的基本数据，用来存储变量 // state存储基本数据 state: { userId: '', } 我们可以通过Vue的Computed获得Vuex的stat 阅读全文
posted @ 2021-11-15 14:09 bingxiaoxiao 阅读(2612) 评论(0) 推荐(0) 编辑
VUE中解决echarts数据二次渲染不成功的问题xAxis
摘要：应该设置：mychart.setOption({},true); 原因：chart.setOption(option,notMerge,lazyUpdate); option:图表的配置项和数据 notMerge:可选，是否不跟之前设置的option进行合并，默认为false，即合并。（这里是导致二 阅读全文
posted @ 2021-10-08 13:38 bingxiaoxiao 阅读(1720) 评论(0) 推荐(0) 编辑
VUE图片下载 针对png格式的 单个下载图片 多个图片下载压缩包
摘要：引入文件 import JSZip from "jszip"; import FileSaver from "file-saver"; import AdminApi from "@/api/export"; png文件 downLoad (val) { this.imgLoading = true 阅读全文
posted @ 2021-07-28 10:39 bingxiaoxiao 阅读(257) 评论(0) 推荐(0) 编辑
VUE图片下载 针对jpg格式的 单个下载图片 多个图片下载压缩包
摘要：头部引入文件 import JSZip from "jszip"; import FileSaver from "file-saver"; import AdminApi from "@/api/export"; //res.data 接口获取到的数据 if (res.data.length == 阅读全文
posted @ 2021-07-26 11:01 bingxiaoxiao 阅读(310) 评论(0) 推荐(0) 编辑
element 表格跨页支持多选
摘要：html <el-table v-loading="listLoading" :data="dataList" ref="activityTable" :header-cell-style="{ background: '#f5f7fa' }" element-loading-text="拼命加载中 阅读全文
posted @ 2021-06-19 14:04 bingxiaoxiao 阅读(327) 评论(0) 推荐(0) 编辑
VUE 选中时间禁止选中的之前或之后
摘要：<el-form-item label="开始时间" prop="startTime" class="ml_10"> <el-date-picker v-model="form.productPurchase.startTime" type="datetime" :disabled="this.pr 阅读全文
posted @ 2021-06-15 15:04 bingxiaoxiao 阅读(472) 评论(0) 推荐(0) 编辑
vue element el-select type=‘month’ 禁止选择指定月份
摘要：<el-form-item label="考核时间" prop="param.assessmentDate"> <el-date-picker v-model="formData.param.assessmentDate" type="month" :disabled="typeOptions.op 阅读全文
posted @ 2021-06-15 13:24 bingxiaoxiao 阅读(1361) 评论(0) 推荐(0) 编辑
vue-amap 初始化报错 AMap.PolyEditor is not a constructor 和 a[d].split is not a function
摘要：mian中引用 import VueAMap from 'vue-amap' Vue.use(VueAMap) VueAMap.initAMapApiLoader({ key: '6cf4109dca43906adfe00d4bbb6d93b5', // 康药麦麦高德key plugin: [ 'A 阅读全文
posted @ 2021-05-13 15:22 bingxiaoxiao 阅读(3736) 评论(0) 推荐(0) 编辑
element ui 给table 行高度加高
摘要：<el-table v-loading="listLoading" :data="dataList" :header-cell-style="{ background: '#f5f7fa' }" element-loading-text="拼命加载中" @selection-change="(lis 阅读全文
posted @ 2021-04-13 17:32 bingxiaoxiao 阅读(1906) 评论(0) 推荐(0) 编辑

1 2 3 下一页
点击右上角即可分享
微信分享提示