梁小茹的博客

小程序地图使用

直接看代码拉，可直接赋值实现噢 <view class="upload" style="overflow:hidden;"> // 展示上传的图片 <view class="imgList" wx:for="{{imgsrclist}}" wx:key="index" style=""> // 点击删除的按钮

小程序关于车牌输入删除及手写键盘

this.data.city是获取到的城市（具体地址） //取出省市区关键字段得位置 let provinceIndex = this.data.city.indexOf("省") let areaIndex = this.data.city.indexOf("市") //根据indexOf方法得到的坐标进行截取内容 // let province = this.data.city.substring...

通过@input只能输入英文大小写和数字 及最大长度maxlength <el-form-item label="经营许可证号" prop="businessCertificate"> <el-input v-model="tableList.businessCertificate" maxlength="50" plac

直接上代码：必须有宽高 <movable-area style="width: {{widthWrap}}px;height: {{heightWrap}}px; pointer-events: none;position: fixed;top:0px;left: 0;"> <movable-view direction="all" x="{{x}}" y="{{y}}" inertia style="pointer-events: auto;position: absol

1.this.$set实现什么功能，为什么要用它？当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.set（）这个方法了，简单来说this.set（）这个方法了，简单来说this.set（）这个方法了，简单来说this.set的功能就是解决这个问题的啦。2.怎么用它？举例：1.vue 中写在标签的代码2.export default{}中data数据3.点击按钮触发changeValue方法，✨调用方法：this.$set( tar

<el-button size="mini"> <svg-icon icon-class="Icon-Save" style=" border: 1px dashed #afb0b2; width: 14px; height: 14px; margin-right: 8px; " ><...

小程序video 只设置 controls="{{false}}" 会显示播放按钮通过设置show-center-play-btn="{{false}}" 就可以把按钮去掉 显示视频封面<video initial-time='0.01' src="{{item}}" controls="{{false}}" objectFit="cover" show-center-play-btn="{{false}}"></video>一点点积

上代码拉这里要说一下加校验 提交得时候是提交数组，所有prop 绑的也是这个值 <el-form-item label="权限范围:" :label-width="formLabelWidth" prop="roleMenuList" > <el-cascader v-model="role_id"

直接看代码把 都有注释噢 这个是没有子级children 的 只有父级他是通过v-model 绑定id 值 来回显数据carList：是循环的数据props：是你要显示的数据 名字 id <el-form-item label="驾驶车辆" :label-width="formLabelWidth" prop="vehicleId" > &.

只需要将value 直接用item就可<el-select v-model="selectvalue" @change="getColumn"> <el-option v-for="item in columnList" :key="item.id" :label="item.name" :value="item" /></el-select> getColumn(item) { console.log(item)}...

看图prefix:前面加suffix：后面加 <el-form-item label="车辆载重" :label-width="formLabelWidth"> <el-input v-model="form.name" placeholder="请输入" autocomplete="off" > <

功能：可进行多选，点击全部，其他取消选中，点击每一个item ,进行选中和取消套用即可 没有无用代码！直接看代码，举一个例子wxml<!-- 经营项目 --> <view> //title:经营项目 <view style="margin: 32rpx 108rpx 32rpx 32rpx;font-size: 32rpx;">{{dropDownMenuSourceData[0].detailList[0].title}}

小程序组件中使用的是Component({ properties: { dropDownMenuSourceData: { type: Array, value: {} }, }, data:{ dropDownMenuSourceData:[] } // 组件 里面使用ready事件 **ready**: function (e) { this.setData({ dropDownMenuSourceDat

点击一个按钮，添加背景颜色，再点击时取消giveList: 是你循环的数组data.index：是索引，点击的时候将他传过来（data-index="{{index}}")actived: 是控制点击选中或取消，通过true 和 false 来判断拿到点击的那个索引让他取反通过过滤方法把actived 和你要选的那一项 name 或者是它的iddetailValue：是所有选中的值selectMater: fnction(e) { console.log(e

比如一个饼图：首先必须有一个盒子,宽高必须有<div class="piebox" id="piebox" style="width: 100%; height:100%;"></div>data() { return { myChartAnalysis:{}, //考勤分析扇形图 analysisOption:{} //考勤分析扇形图 }; },<script> // 请求接口： getAtt

展示：父组件中使用：<el-form-item label="内容" prop="content"> <editor-bar v-model="ruleForm.content" :isClear="isClear" @change="change" ></editor-bar></el-form-item><script>import EditorBar fr

实现：可以查看文件，以及上传，修改后显示的链接<template><el-form-item label="附件" :label-width="formLabelWidth" prop="url"> <a :href="editform.url" target="_blank">点击查看文件</a> <el-upload class="upload-demo"

当用控件自带的clearable属性清除选中时间之后检索，console报错TypeError: Cannot read property ‘0’ of null 原因是初始化为空，选中之后有两个值，清除之后变为null，用watch监听处理异常。在此记录一下。在vue的script中添加以下代码：“createTime”对应的是el-date-picker的v-model值 watch: { "createTime"(newVal) { i