Loading

04 2022 档案

vuepress搭建UI组件库文档踩坑篇
摘要：为了实现组件效果预览及代码展示可折叠功能，使用了插件vuepress-plugin-demo-container 相关配置可参考官网说明文档 ####第一步 安装插件 npm i - D vuepress-plugin-demo-container ####第二步 配置插件 在config.js 文 阅读全文
posted @ 2022-04-27 20:55 梧桐树211 阅读(294) 评论(0) 推荐(0)
如何寻找数组里对象的属性？
摘要：数组的map方法 代码 this.selected.map((item)=>{ return item.name}) 返回的是新数组， ['一级菜单','三级菜单','二级菜单'] 阅读全文
posted @ 2022-04-25 20:40 梧桐树211 阅读(169) 评论(0) 推荐(0)
多级级联数据的展示-vue递归组件
摘要：如果采用普通的for循环方式，没办法确认数据到底有几层，要写几个for循环，所以想到了递归的方法。 那么在vue里然后实现呢？ ###vue递归组件（组件中使用自己） 父组件中把数据以props形式传给子组件 <template> <div class="cascader"> <wb-cascade 阅读全文
posted @ 2022-04-24 20:26 梧桐树211 阅读(510) 评论(0) 推荐(0)
css实现气泡提示框三角及css中drop-shadow的使用
摘要：#css 做一个弹出气泡，样式怎么设计？ ##难点： 要实现白色三角型，可以在伪元素before和after上设置一个黑、一个白三角形，白三角形会挡住黑的，从而实现。 &::before, &::after { content: ''; display: block; border: 10px so 阅读全文
posted @ 2022-04-23 17:23 梧桐树211 阅读(653) 评论(0) 推荐(0)
vue实例vm的方法
摘要：import wbMessage from './wb-message' let Constructor = Vue.extend(wbMessage) let vm = new Constructor({ propsData //props } ) vm.$slots.default //插槽 v 阅读全文
posted @ 2022-04-20 09:51 梧桐树211 阅读(303) 评论(0) 推荐(0)
js动态生成vue组件
摘要：代码奉上 install (Vue, options) { Vue.prototype.$message = function (message){ let Constructor = Vue.extend(wbMessage) let vm = new Constructor() vm.$slot 阅读全文
posted @ 2022-04-19 09:38 梧桐树211 阅读(469) 评论(0) 推荐(0)
为什么vue中的v-bind用在class属性上有点怪？
摘要：如图所见，普通的标签属性我们直接使用 :属性名=`props的值` 就可以了。为什么用到class里要加[ ] 这个？？？ 阅读全文
posted @ 2022-04-16 21:23 梧桐树211 阅读(48) 评论(0) 推荐(0)
css的flex布局调试
摘要：#学习经验-css的flex布局 今天遇到一个小问题 在给三个div布局时，设置父元素display:flex 此时三个div的宽度均为50%，他们并没有超出屏幕的宽度，还是撑满了父元素。 为什么呢？ 因为css中flex布局描述了，是否允许弹性元素换行，flex-direction，默认是no-r 阅读全文
posted @ 2022-04-16 21:05 梧桐树211 阅读(94) 评论(0) 推荐(0)