随笔分类 -  vue

摘要:方式一<template> <div v-for="(item,index) in menus :key="index> <img :src="require(`../../assets/images/${item.icon}`)" /> <span>{{item.name}}</span> </d 阅读全文
posted @ 2021-07-09 11:20 abcByme 阅读(3720) 评论(6) 推荐(0)
摘要://地图点击事件-公司详情 // 创建图文信息窗口 let sContent = "<div class='comyInfoBox'>" + " <div class='comyInfoBox-head'>" + "<span class='active' id='qiye1'> 企业数据 </sp 阅读全文
posted @ 2021-06-30 10:59 abcByme 阅读(927) 评论(0) 推荐(0)
摘要:这个问题是因为异步加载的 树形数据结构造成的。只需要筛选保留需要的属性即可。 例如,原数组结构是 对数据进行处理。保留几个需要的属性即可—— 阅读全文
posted @ 2021-06-22 11:05 abcByme 阅读(436) 评论(0) 推荐(0)
摘要:<template> <div ref="myChart" :class="className" :style="{ height: height, width: width }" /> </template> <script> import * as echarts from "echarts"; 阅读全文
posted @ 2021-06-16 16:40 abcByme 阅读(4673) 评论(0) 推荐(0)
摘要:<template> <div class="beonduty-wrap"> <p>当前模块的信息,是呈现在指挥调度的,用以呈现指挥调度的工作人员</p> <div class="beonduty-c"> <span>工作人员:</span> <div class="beonduty-c-form" 阅读全文
posted @ 2021-05-27 09:31 abcByme 阅读(333) 评论(0) 推荐(0)
摘要:<div v-for="(item, index) in newList" class="floor-board-contbox-sub-t" > <div class="contbox-sub-t-f"> <div :class="item.isShow ? 'corner-l' : 'corne 阅读全文
posted @ 2021-04-25 16:09 abcByme 阅读(797) 评论(0) 推荐(0)
摘要:<template> <div class="center"> <div class="baidu-map" id="baidu_Map" ref="baiduMapRef"></div> <div ref="r_result" class="r-result"> 搜索地址 : <input typ 阅读全文
posted @ 2021-04-15 15:30 abcByme 阅读(176) 评论(0) 推荐(0)
摘要:main.js中 new Vue({ router, store, data: { eventHub: new Vue() }, render: h => h(App), watch: { '$route.path': function(newVal, oldVal) { const userId 阅读全文
posted @ 2021-04-15 15:14 abcByme 阅读(117) 评论(0) 推荐(0)
摘要:<li v-for="(item, index) in 15" @click="clickcategory(index)" :class="{ active: categoryIndex == index }" > {{ index }} </li> return { categoryIndex: 阅读全文
posted @ 2021-04-15 09:53 abcByme 阅读(683) 评论(0) 推荐(0)
摘要:<template> <div class="wap-wrap"> <h1>复制WAP链接</h1> <div class="input-box"> <Input disabled search v-model="inputData" enter-button="复制链接" @click.nativ 阅读全文
posted @ 2021-01-22 09:40 abcByme 阅读(1206) 评论(0) 推荐(0)
摘要:<template> <div class="main-wrapper"> <el-col :span="12"> <el-upload v-if="collectData.isCustom==1" class="upload-demo" :action="uploadUrl" :headers=" 阅读全文
posted @ 2020-06-15 14:38 abcByme 阅读(2216) 评论(0) 推荐(0)
摘要:this.dataView = []; if (data.dataView && data.dataView != null) { let dataViewArr = JSON.parse(data.dataView); for (var key in dataViewArr) { this.dat 阅读全文
posted @ 2020-05-22 16:28 abcByme 阅读(472) 评论(0) 推荐(0)
摘要:<FormItem label="入库时间:" prop="useTime"> <DatePicker class="input-width" type="datetime" v-model="formValidate.useTime" placeholder="请选择入库时间" style="wi 阅读全文
posted @ 2020-05-14 17:01 abcByme 阅读(1496) 评论(0) 推荐(0)
摘要:ruleValidate: { city: [ { type:'number', // 添加验证类型 required: true, message: '请选择城市', trigger: 'change' } ] } 阅读全文
posted @ 2020-05-13 17:12 abcByme 阅读(1050) 评论(0) 推荐(0)
摘要:<template> <div class="hello"> <div class="core"> <div class="abs-zone" v-if="editZoneDisplayBoolean"> <div class="box"> <Input placeholder="Enter som 阅读全文
posted @ 2020-04-26 15:38 abcByme 阅读(911) 评论(0) 推荐(0)
摘要:monthDayTotal: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], //月份选择 (例2020年4月 - 2020年5月) changeMonth(val) { if (this.ruleForm.monthRange && this.r 阅读全文
posted @ 2020-04-23 16:42 abcByme 阅读(319) 评论(0) 推荐(0)
摘要:<picker class="pickerBox" :value="roomSituationIndex" @change="onConfirmPicker" :range="roomSituation" range-key="value" v-if="selectBuildingShow" > < 阅读全文
posted @ 2020-04-15 16:09 abcByme 阅读(7477) 评论(0) 推荐(0)
摘要:<el-table ref="multipleTable" :data="workManagementList" border tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" cl 阅读全文
posted @ 2020-04-13 11:19 abcByme 阅读(2001) 评论(0) 推荐(0)
摘要:来自 https://blog.csdn.net/kielin/article/details/86649074 侵删 在vue中很常见的就是tab切换,选项卡切换,动态添加类名使选项卡选中高亮,对应内容切换,方法大家应该非常熟悉了, 现在提到一种,可以多选多个选项的,效果如下图 贴上代码 <div 阅读全文
posted @ 2020-04-10 16:43 abcByme 阅读(2281) 评论(0) 推荐(0)
摘要:来自:https://blog.csdn.net/kielin/article/details/86649074 侵删 可以有以下几个方法,关键看希望在什么环境下使用 1. JS/CSS想在全局使用,可以通过npm 安装后在main.js中引入,或在index.html中引入,这种大多不必说 2. 阅读全文
posted @ 2020-04-10 16:41 abcByme 阅读(2401) 评论(0) 推荐(0)