在子组件里面用插槽
btnV文件,不能跟mixin的js重名
<template>
<div>
<div :class='["btn",green]'>
<slot name='h' :color='green' :msg='msg'>1243</slot>
<slot name='j'>1243</slot>
<ul>
<slot v-for="(item,index) in items" :index="index" :title="item.name" :author="item.author" name="child1">
<!--<li>{{index+1}}、《{{item.name}}》{{item.author}}</li>-->
</slot>
</ul>
</div>
</div>
</template>
<script>
export default {
name:'mybtn',
props:['green'],
data() {
return {
mag:'hello'}
},
}
</script>
btn.js
import MyUi from './btnV'
export default {
name:'myiu',
components:{
MyUi
},
methods:{
getBtn(){
console.log('nihao')
}
}
}
使用的页面
<my-ui green="red">
<div slot="h" slot-scope="scoped">tou{{scoped.msg}}{{scoped.color}}</div>
<div slot="j">我是J</div>
<template slot-scope="child" slot="child1">
<li><span style="color:red">{{child.index+1}}、</span><b>《{{child.title}}》</b><i>{{child.author}}</i></li>
</template>
</my-ui>
import myui from './btn.js'
import ExportWorkOrder from '../components/exportWorkOrder'
import {GetFamousConsumeData,} from '../../api/api'
export default {
components:{ExportWorkOrder},
mixins:[myui],
你可以插入标签,也可以插入文字