Vue
PromiseXuu
别作妖
展开
-
高德地图PlaceSearch输入提示框el-dialog弹框中不生效
两种解决方案:1、查看页面中的元素,找到amap-sug-result属性的元素,比较和dialog的层级 z-index,不够高的话高一点看是否能显示(最常用)2、我的需求涉及到组件v-show和v-if切换,如果你用了v-if切换了autoInput这个id属性的input,自动提示也会不生效。提示:涉及到地图问题,最好用v-show切换,具体的看需求。const autoComplete = new AMap.Autocomplete({ input: 'autoInpu原创 2020-08-28 15:27:56 · 1884 阅读 · 0 评论 -
table循环实现表格相同列合并
先上效果图:实现代码:利用lb-element-table实现。template中:<el-card v-for="(table,index) in listData" :key="index" style="margin-bottom: 10px;"> <div slot="header"> <span>{{table....原创 2019-07-29 16:44:14 · 1578 阅读 · 1 评论 -
Element的el-date-picker日期默认值设置为昨天
效果如图:代码实现:html:<el-date-picker v-model="ruleForm.dateValue" value-format="yyyy-MM-dd" :picker-options="pickerOptions" type="date" size="small" p...原创 2019-06-13 10:36:06 · 29951 阅读 · 8 评论 -
Element的el-date-picker日期设置昨天以前不可选
如图,只能选择昨天以及以前的数据。2、代码实现<el-date-picker v-model="ruleForm.dateValue" value-format="yyyy-MM-dd" :picker-options="pickerOptions" ...原创 2019-06-13 10:30:30 · 3382 阅读 · 0 评论 -
element-ui的el-table表格合并列
一、需求描述,如图,相同的区域位置进行合并,前提:后台给的数据相同区域名称的要放在临近。二、代码实现1、html页面<el-table :data="tableData" border size="mini" align="center" :span-method...原创 2019-06-12 18:23:29 · 11767 阅读 · 6 评论 -
element-ui的el-autocomplete不显示下拉框中的值
如图:下拉框中的数组的内容全部获取到了,但是内容就是不显示。解决:这是el-autocomplete的一个坑,el-autocomplete显示的时候必须有value字段,可以在返回的对象里面手动添加一个value属性,item.value = item.name;备注:如果一开始显示的时候也没有列表项,也是手动添加value属性。...原创 2019-04-03 18:04:12 · 14208 阅读 · 4 评论 -
vue路由之vueRouter
1.路由基本配置引入路由组件 import Index from '@/components/Index'在routes里面配置:{path: '/index',name: 'index',component: Index,...原创 2019-04-09 18:16:23 · 329 阅读 · 0 评论 -
vue开发web页面ie高度失效
ie的怪异盒模型与火狐不同,如果有padding占据比列比较多,将ie的box-sizing: content-box;即可原创 2019-04-08 16:00:41 · 324 阅读 · 0 评论 -
vue实现点击下载图片到本地
1、html中<img :src="codeImg" alt="二维码图片" style="width:60%;"><span @click="downloadCodeImg()"></span>2、引入图片import codeIMG from '@/assets/code.jpg';3、data中,设置图片变量da原创 2019-02-14 14:31:55 · 38735 阅读 · 12 评论 -
Vue基础
MVVMM:Model 模型,数据对象(data)V:view 视图,模板页面,显示数据VM:ViewModel 视图模型(vue实例对象)模板语法模板语法:就是动态的HTML页面中,包含一些JS代码,包括指令(v-开头的属性),双大括号表达式双大括号表达式指令一:强制数据绑定指令二:绑定事件监听 <!DOCTYPE html><html lang="en">&l...原创 2018-07-15 22:51:27 · 299 阅读 · 0 评论 -
Vue基础(二)
1、class绑定和style绑定html代码准备:<div id="app"> <h1>class绑定</h1> <p :class="a">爸爸是class绑定:字符串绑定</p> <p :class="{classB:isB,classC:isC}">爸爸原创 2018-07-17 23:38:40 · 256 阅读 · 0 评论