绑定:style<div id="app"><div v-for="item in items"><span:style="{'color':item.color}">item.name</span></div></div><script>var vue = n...

效果：leaflet地图容器的初始化和图层的加载就不说了，都是基础。 上图用的是天地图,以下是在vue中步骤上图效果图主要为地图页面，和右侧列表页面主页面地图页面 index.vue 里（地图页面）列表页面queryResult<query-result@proQuery="proQuery"@setPoint_zk="setPoint_zk"@clear_marker_layer="cle

本文用的是element-ui 的 select选择组件，简单写一个地区选择，其他用法也相同， 适用于已经知道枚举值的// templete 里<el-form-item label="区域" prop="projectDivision"><el-selectv-model="ruleForm.projectDivision"pl

（给以后的自己留方便）最近做个小功能，要求写个功能列表，图片从数组获取，用循环来写。（也可用于图片轮播）一开始也是遇到数组里的图片出不来，后来这样就出来了：功能列表的布局，主要用的是element-ui的popover组件。图片数组：用require请求图片（我这是本地）在循环里绑上 :src图片就出来啦效果图：最后贴上css：如果只有两排功能，是不出现滚动的！...

@TOCtab动态增减vue tab标签页动态增减content换成组件形式这里使用的element-ui组件里的tab标签页，其他组件也是万变不离其宗首先，根据官方文档里引入tab组件// template里<div style="margin-bottom: 20px;"><el-buttonsize="small"@click="addTab(tabNameValue)"&

最近用到数组，捣鼓了好久，终于是自己想要的效果了首先先循环遍历data中的数组，取到我要的时间年月richengList:[{id: 0, name: '你有一个会议', region: '2019-12-11'},{id: 1, name: '你你有一个会议', region: '2019-12-13'},{id: 2, name: '...

常规方法：编码// base64转字符串getEncode64(str){// 对字符串进行编码var encode = encodeURI(str);// 对编码的字符串转化base64var base64 = btoa(encode);return base64;},解码：// base64转字符串getDecode(str){// 对base64转编码var decode = a

需求要在表单的el-form-item 一次验证两个值，都不能为空图示：下图是圈起来的地方是我吗要验证的第一个值方法在验证规则rules里，要验证的值里加上validator验证规则，“valTowValue”是自己定义的。紧接着在data下定义validator验证规则。如果一个el-form-item里要验证多个，方法同理，在valTowValue里多判断几个就行了。...