摘要: 笼统点说,scoped 修饰的style只给当前组件内的元素使用,而通过slot插槽插进来的元素,scoped就管不到了。 ###本质上,scoped做了两个事情 1.给当前组件中的所有元素,添加一个随机的属性 2.给当前组件中的所有元素的样式添加一个对应的随机属性选择器 ###PS:如何在有sco 阅读全文
posted @ 2020-10-26 16:55 镇魂帆-张 阅读(2948) 评论(1) 推荐(0) 编辑
摘要: .sync 修饰符其实是个双向绑定的语法糖,一般用于“双向绑定”props的时候,类似v-model 比方说,elementui中的dialog组件,它有个prop 叫visible,在使用该组件的时候,我们希望点击dialog 右上角的x号,或者点击遮罩层,隐藏dialog。但是我们没法在子组件去 阅读全文
posted @ 2020-10-26 15:58 镇魂帆-张 阅读(438) 评论(0) 推荐(0) 编辑
摘要: <slot name="title"> <span class="zhf-dialog__title">{{ title }}</span> </slot> 上面的意思,就是假如不传title的插槽,则会显示里面的span,假如传了title插槽,则会把这部分全部替换掉 阅读全文
posted @ 2020-10-26 14:41 镇魂帆-张 阅读(98) 评论(0) 推荐(0) 编辑
摘要: <!-- 如果没有传入任何的内容 当我们没有传入插槽的时候 --> <span v-if="$slots.default"><slot></slot></span> 阅读全文
posted @ 2020-10-26 14:38 镇魂帆-张 阅读(133) 评论(0) 推荐(0) 编辑
摘要: <template> <div :class="`div_${text}`"> </div> </template> <script> export default { props:{ text:{ type: String default: '' } }, data(){ return { aaa 阅读全文
posted @ 2020-10-26 13:19 镇魂帆-张 阅读(286) 评论(0) 推荐(0) 编辑