Vue作用域插槽理解

代码几处都用到了插槽
Vue插槽理解
插槽就是一个模板。父组件应用子组件可以给插槽填充内容,但一般只填充html标签,里边的数据信息要由插槽自己提供,这个过程称为作用域插槽。
通俗一点就是父组件在用子组件来填充插槽的时候 有时候需要用到子组件里面插槽的数据 ,使用slot-scope=“xxx” 去接收 以便在下面进行调用。

图中代码是一个表格渲染数据,使用的Element的table组件,prop是其中一列数据,由于answer后台返回的数据不是html格式,需要把它转成html,所以用到的插槽。
slot-scope="xxx"接收到的所有data数据,在span标签里使用v-html转换answer为html格式。

相关文章: