2023年4月19日
vue2之使用provide/inject父子祖孙组件之间的传值
摘要： 官网概念：provide/inject需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。 使用方法：在父组件中使用provide传值，在子组件中用inject接收 // 父组件 data(){ return { name:'阔落' 阅读全文
posted @ 2023-04-19 10:55 络角阔落 阅读(489) 评论(0) 推荐(0)
vue2之跨页面调用和传参
摘要： A页面调用B页面的方法 不涉及父子组件时，调用的方式，使用this.$root.$emit()发送消息，进行调用， /** * 打开在全局组件中的弹框 */ handleOpenModal(){ this.$root.$emit('toolbar', { type: 'modal', fun: th 阅读全文
posted @ 2023-04-19 10:39 络角阔落 阅读(355) 评论(0) 推荐(0)
事件监听——拖拽事件drag
摘要： 在项目中遇到需要拖拽元素的需求，一开始考虑的是鼠标的mousedown、mouseup、mousemove等事件组合，之后研究发现元素本身存在drag事件，可以直接调用监听： /** * 添加监听事件，实现拖拽功能 */ handleAddDomListen() { //具体拖拽元素 const R 阅读全文
posted @ 2023-04-19 10:24 络角阔落 阅读(659) 评论(0) 推荐(0)
2022年1月5日
uniapp 页面嵌套iframe后发现返回需要点击两次
摘要： <iframe ref="iframe"></iframe> this.$refs.iframe.contentWindow.location.replace(this.viewUrl); 替换src的时候不能直接替换，得覆盖之前src 阅读全文
posted @ 2022-01-05 11:13 络角阔落 阅读(1066) 评论(0) 推荐(0)
2021年3月29日
↵在页面上的显示换行
摘要： <div v-if="detail.detail" v-html=" detail.detail .replace(/\r\n/g, '<br/>') .replace(/\n/g, '<br/>') " ></div> <div v-else>--</div> <div v-if="detail. 阅读全文
posted @ 2021-03-29 14:18 络角阔落 阅读(90) 评论(0) 推荐(0)
2021年1月29日
树结构循环过滤
摘要： const newExpandKeyArr = []; let tempTreeData = []; let deepSearch = (children) => { return children.filter((item) => { let flag = false; if (item.titl 阅读全文
posted @ 2021-01-29 09:36 络角阔落 阅读(81) 评论(0) 推荐(0)
2021年1月15日
echarts 相关问题
摘要： 1.移动端tooltip未显示问题：（多关注版本变更） 移动端模式下tooltip显示不出来，换成pc模式下tooltip就会正常显示，问题很奇怪，之后问了大佬帮我解决，发现只要讲echarts的版本4.9.0换成4.2.1移动端就可以正常显示了。 2.tooltip的position问题： 想要t 阅读全文
posted @ 2021-01-15 14:17 络角阔落 阅读(152) 评论(0) 推荐(0)
2021年1月5日
vue-改变之后页面不显示
摘要： <block v-for="(item, index) in level.indexValue" :key="index" > <template v-if="item.type 'text' "> <text>{{ item.value }}</text> </template> <templat 阅读全文
posted @ 2021-01-05 09:55 络角阔落 阅读(1071) 评论(0) 推荐(0)
2021年1月4日
uni-app picker-view不显示问题
摘要： 这样的代码在uni-app中不显示，刚开始以为是框架问题导致不能使用， <picker-view v-show="true" :value="value" @change="bindChange"> <picker-view-column> <view class="item" v-for="ite 阅读全文
posted @ 2021-01-04 14:49 络角阔落 阅读(4179) 评论(0) 推荐(0)
2020年11月26日
js-替换对象数组的键名
摘要： 数组如下： const array=[ { name:'张三', id:'111' }, { name:'李四', id:'222' } ] 由于在使用某些框架组件时，组件有必须的某些字段名，因此就需要将该数组进行转换，方法如下： /** * 替换字段 */ handleDealFilter(arr 阅读全文
posted @ 2020-11-26 10:20 络角阔落 阅读(4152) 评论(0) 推荐(0)
下一页