iview
wjm0519
这个作者很懒,什么都没留下…
展开
-
vue + vue-resource 请求天地图
1.安装好vue+vue-resource2.引入天地图3.开始标点注:以上步骤不需要过多解释4.唤起天地图标点事件,并获取到该点的经纬度// 注册点图点击事件(开启地图点击事件并获取经纬图) addMapClick: function(){ this.map.addEventListener("click",this.MapClick); ...原创 2020-04-15 14:00:51 · 622 阅读 · 1 评论 -
vue 父组件动态向子组件传值
1.父组件代码 <div class="submit-box"> <pointModel v-if="poinShow" @closePoint="closePoint" :longitude="longitude" :latitude="latitude"></pointModel> </div>2.子组件代码先通过p...原创 2019-12-24 17:18:58 · 1466 阅读 · 0 评论 -
vue + ivew 强制刷新子组件
1.场景: 在某个页面需要添加一个提交数据的一个表单弹框,弹框中引入了一个子图片上传组件uploadimg,当数据提交完成之后,隐藏弹框并把表单数据重置(不刷新页面),但下次打开页面时图片上传组件上次添加的数据还是显示在弹框中,现在是需要将图片上传组件uploadimg强制刷新。2.在父组件中给子组件定义一个判断值 <Uploadimgs style="width: 40...原创 2019-11-21 17:20:54 · 854 阅读 · 0 评论 -
vue 删除对象数组中的某一个元素
1.删除数组对象中的某个元素this.id.splice(index,1)原创 2019-11-16 18:02:16 · 17987 阅读 · 0 评论 -
vue + iview 设置滚动条样式
1.未修饰滚动条效果如下2.修饰之后3.实现代码::-webkit-scrollbar { width: 6px; background-color: #d8d8d8;}/* 滚动槽 */::-webkit-scrollbar-track { border-radius:10px;}::-webkit-scrollbar-thumb { back...原创 2019-11-04 17:01:52 · 12909 阅读 · 4 评论 -
iview table组件获取全选的值
1.在table组件上定义ref值2.通过this.$refs selection的getSelection()来获取值原创 2019-10-29 15:11:01 · 2189 阅读 · 0 评论 -
VUE iview vue-router 跳转打开新的窗口并传递参数
第一种方法1.在跳转代码上加上 tag="a" target="_blank"2.亲测有效第二种方法1.通过resolve方法来实现2.按照上面书写格式,路由会跳转到更目录打印结果如下,结果并不是我们想要的3.将resolve下的name参数改成path完美解决...原创 2019-10-24 10:33:20 · 3130 阅读 · 0 评论 -
VUE iview 交互数据更新了,但页面没有更新数据
1.场景:在使用iview的Checkbox组件是需要点击全选,从而改变子级的选择状态,组件如下2.由于要使用多组这个组件,每个组件的状态各自控制3在点击切换状态时,数据更新了,页面选择状态未改变,vue未检测到数据变更4.解决方法使用vue的内置方法赋值vue.$set...原创 2019-10-18 10:54:38 · 2245 阅读 · 0 评论 -
vue路由跳转时进入新的页面,滚动条的位置停留在上个页面的位置,没有回到顶部
1.问题vue路由跳转时进入新的页面,滚动条的位置停留在上个页面的位置,没有回到顶部2.解决方法a.在main.js 中添加如下代码router.beforeEach((to, from, next) => {// chromedocument.body.scrollTop = 0// firefoxdocument.documentElement.s...原创 2019-10-10 14:05:30 · 2293 阅读 · 0 评论 -
Vue 去除路径中的#号
在开发过程中发现路径中带有/#/的标示,而且还去不掉,很丑陋。众所周知,vue-router有两种模式,hash模式和history模式。带#的则是hash模式。将router中的mode设置为history就可以了Apache 是可以正常访问的...原创 2019-09-16 16:19:03 · 882 阅读 · 0 评论 -
解决vue组件中给body设置样式不起作用的简单办法
给template中的第一个div设置如下样式htmlcss原创 2019-09-10 14:53:37 · 3053 阅读 · 1 评论 -
vue报错:Error in mounted hook: "TypeError: handler.call is not a function"
造成报错原因就是生命周期钩子函数mounted: {}是否有声明了未定义方法或是只声名了钩子函数。处理方法:将mounted: function 的 “:” 去掉换成 ()即mounted: {}改为mounted(){},...原创 2019-09-04 11:31:26 · 6131 阅读 · 2 评论 -
iview model报错 type check failed for prop "footerHide". Expected Boolean, got String with value true
在iview model组件中是使用footerHide 取消底部显示一直报错Invalid prop: type check failed for prop "footerHide". Expected Boolean, got String with value "true".原始代码经过查询资料发现写法错误需要在footer-hide前面加上 " : " 错误解除...原创 2019-09-04 11:18:43 · 2144 阅读 · 0 评论 -
vue + iview 获取table组件的选中行
单选/多选 获取选中行按照官网,试了N多种方法,但是都不能获取选中行查看源代码,发现有个getSelection方法结果用这个方法解决了以下问题,记录一下:使用ref属性和getselection来获取选中的选中参数打印结果...原创 2019-08-21 15:43:54 · 8563 阅读 · 7 评论