- 博客(27)
- 收藏
- 关注
原创 echarts使用饼图
标题echarts使用饼图1、<div id="myChart>2、mounted() {this.glDate();},3、methods: {glDate() {let option = {title: {text: “Referer of a Website”,subtext: “Fake Data”,left: “center”,},tooltip: {trigger: “item”,},legend: {orient: “vertical”,le
2022-02-17 09:47:00
255
原创 vue使用百度地图多个信息窗口
vue使用百度地图多个信息窗口1、npm install vue-baidu-map --save2、min.js里引用import BaiduMap from ‘vue-baidu-map’Vue.use(BaiduMap, {key: “你申请的密钥”,plugin: [‘AMap.Autocomplete’, ‘AMap.PlaceSearch’, ‘AMap.Scale’, ‘AMap.OverView’, ‘AMap.ToolBar’, ‘AMap.MapType’, ‘AMap.Po
2022-01-05 15:24:55
1645
原创 通过vue点击事件显示测算过程
1.样式<el-buttonicon=“fa fa-calculator”@click=“doCalc”:loading=“btnCalcDisable”>开始测算《/el-button>2、data数据// 测算过程calcProcess: {isShow: false, //窗体是否显示list: [], //检测字段列表status: 1, //测算状态isComputed: false, //是否正在计算virtualMaxTime: 500, //虚
2021-12-20 16:19:08
233
原创 VUE 判断数组中是否存在某个值
VUE 判断数组中是否存在某个值let barginFlag=[1,2,3,4];let a=3;let b=11;//存在,flag10let flag1= barginFlag.findIndex(item => item= a)console.log(flag1)//不存在:flag2==-1let flag2= barginFlag.findIndex(item => item=== b)console.log(flag2)...
2021-12-14 10:40:54
5560
原创 vue、vxe表格数字加日期
vuevxe表格数字加日期1.功能2、实现逻辑(1)《vxe-table-columnfield=“kgrq”title=“开工日期”width=“140”:readonly=“true”align=“center”:edit-render="{name: ‘KaTeX parse error: Expected 'EOF', got '}' at position 127: …ent }, }̲" ></vxe-…input’,immed
2021-12-10 14:42:08
997
原创 vue下拉框添加disabled属性
1、2、typeChange(){const selectedList = this.jpProject.jpZhs.filter(item => item.gclx).map(item => item.gclx);this.zhOptions.forEach(item => {item.disabled = false;})selectedList.forEach(key => {this.zhOptions.forEach(item => {console.
2021-12-09 16:51:49
2032
原创 vue判断后端返回的数据有没有存data属性
vue判断后端返回的数据有没有存data属性sunyiIrr() {sunyiget1(this.gcid).then((res) => {if (res.code == 200) {if(‘data’ in res){this.jzsyl.irr = res.data.irr;}}});},
2021-12-07 16:32:44
753
原创 localStorage存取数组
localStorage存取数组对象id1、存储数据setItem()localStorage.setItem(optimalData${this.gcid},JSON.stringify(res.data));2、却出数据getItem()localStorage.getItem(optimalData${Cookies.get("gcid")})
2021-11-30 15:22:51
126
原创 Cookies存放数组对象跟id值
Cookies存放数组对象跟id值1、Cookies.set(optimalData*${Cookies.get("gcid")}*);2、用get获取let his = JSON.parse(this.history||’[]’);3、接收回来的数组需JSON.parse(this.history||’[]’)4、注意||’[]'必须添加否则报错...
2021-11-20 14:46:03
449
原创 vueinput输入的值改变表格的数组对象
标题vueinput输入的值改变表格的数组1、布局2、用input事件触发zgcChange(value) {var newLength = value.value;//获取input的值const template = { gcmc: “”, gclx: “”, jzsl: “” };for (var i = 0; i < newLength; i++) {//循环input的值let newItem = JSON.parse(JSON.stringify(template));th
2021-11-13 15:58:59
687
原创 vxe-input最多输入四位数
vxe最多输入四位数< vxe-inputv-model=“mm”type=“input”:controls=“false”maxlength="4"placeholder=“请输入密码四位数”style=“width: 150px; font-size: 14px”>
2021-10-30 10:41:45
974
原创 js随机生成四位数
标题js随机生成四位数let max=9999; let min=1234; let num=Math.floor(Math.random()*(max-min))+min;console.log(num);
2021-10-29 14:56:05
1023
原创 vue中内部样式scoped不起作用
css /deep/ v-deep的用法scss 中使用方法:可以使用v-deep::v-deep label {font-weight: 400 !important;color: #000000;}
2021-10-21 16:06:17
167
原创 el-tabs进去页面没有数据点击的时候才有数据的问题
el-tabs进去页面没有数据点击的时候才有数据的问题在请求方法的数据里执行第一条数据就可以gettab(this.gclx, res.data[0].itemcode).then((res) => {this.formDate = res.data;});});
2021-10-19 19:06:06
1041
原创 Cookies和localStorage的使用
Cookies使用import Cookies from “js-cookie”;1、获取Cookies.get()2、存储Cookies.set()
2021-10-18 10:25:46
50
原创 解决el-button按钮点击后没有失去焦点
去除el-button红色plain删除按钮点击后没有失焦显示<el-button type=“danger” plain size=“mini” @click=“deleteGoodRow(scope.index,index,index,event)”>删除// 强制el-button点击后失焦(传$event)forceBtnBlur(e){let target=e.target;if(target.nodeName == ‘SPAN’ || target.nodeName ==
2021-09-25 10:58:28
812
原创 el-select下拉框选中为空
el-select下拉框选中为空 主要是缺少data<vxe-form-item title=“计算依据” :span=“8” #default="{ data }"><el-selectplaceholder=""v-model=“cbDatas.jsyj”@change=“jsyjChange”clearable>vxe-optionv-for=“dict in jsyjlist”:key=“dict.dictValue”:label=“dict.dic
2021-09-23 17:05:01
2390
原创 vue+element button按钮绑定回车键事件
vue+element button按钮绑定回车键事件1、<userDetail v-if=userdetailShow’><el-button @click=‘detailShow’>详细信息2、return{userdetailShow:false}3、created(){this.keyupSubmit()},4、methods: {//监听回车事件keyupSubmit(){document.οnkeydοwn=e=>{let _key=wi
2021-09-15 10:51:44
754
原创 vue根据id删除
vue根据id删除expurgate(gcid) {console.log(gcid);this.confirm(“此操作将永久删除该文件, 是否继续?”, “提示”, {confirmButtonText: “确定”,cancelButtonText: “取消”,type: “warning”,}).then(() => {cancel(gcid).then((result) => {console.log(result);if (result.gcid === 200)
2021-08-28 14:05:33
391
原创 vxe下拉框样式被覆盖
vxe下拉框样式被覆盖1.日期格式被隐藏.vxe-input–panel.type–year {z-index: 9998 !important;}2、下拉框.vxe-select–panel {z-index: 9997 !important;}
2021-08-28 14:00:37
405
原创 vxe-from验证表格
vxe-from验证1、在vxe-from中绑定:rules="rules"是必填框。2、表格验证 rules: {gcmc: [{required: true,message: “请填写工程名称”,trigger: “blur”,},{min: 2,max: 30,message: “长度在 2 到 30 个字符”,trigger: “blur”,},],},3、this.$refs.proForm.validate((valid) => {if (valid)
2021-08-28 13:57:48
1626
原创 vxe循环日期列表开始到结束
vxe循环日期列表1.布局vxe-tablebordershow-footerclass=“mytable-scrollbar”show-overflowalign=“right”keep-sourceheader-align=“center”ref=“gjjTable”height=“250px”:data=“sdsgj”:edit-config="{trigger: ‘click’,mode: ‘cell’,icon: ‘fa fa-pencil’,showStatus
2021-08-21 19:41:26
183
原创 vxe-checkbox 值复制不上的原因
标题vxe-checkbox 值复制不上的原因《vxe-checkbox ref=“chkDkjxs” :checked-value=1 :unchecked-value=0 v-model=“jbcs.gjj” content=“公积金提取不超过资本金的50%”>
2021-08-17 20:31:44
308
原创 vue +vxe 增删功能
vue +vxe 增删功能created() {//截取uuid‘——’的方法this.zhuzi.zzid = uuidv4().replace(new RegExp("-", “gm”), “”);;},1、新增前段生成uuidxinzeng() {const table=this.table = this.table=this.refs.zzTable;const record = {zzid: uuidv4().replace(new RegExp("-", “gm”), “”),
2021-08-17 18:12:09
596
原创 VUE +vxe后台管理保存的时候发给后端的数据格式
VUE +vxe后台管理保存的时候发给后端的数据格式this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …is.btsr = this.refs.btsrTable.data;this.jbcs.gjj = this.jbcs.gjj ? 1 : 0;this.jbcs.iszhzzs = this.jbcs.iszhzzs ? 1 : 0;sunyi({//后端传过来的方法jbcs: this.jbcs,qsb: t
2021-08-17 18:02:42
56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人