vue中align_Vue插槽(solt)简单案例

当前页面向子组件传递的值带有HTML标签等特殊的字符时,传统的标签是无法解析的,这时候就需要用插槽(solt)功能来传递变量值

ItemOne.vue子组件中通过solt定义一个插槽

"item">type="checkbox" v-model="checked" />"comp" v-bind="{checked}">

调用子组件

"app">
   {{msg}}

type="text" v-model="info">"handle">添加

"item in list" :key="item">"itemPros">"{fontSize:'30px',color:itemPros.checked?'green':'blue'}">{{item}}









源码工程:https://github.com/mifunc/rumenz-vue/tree/master/rumenz-vue-solt