添加带自定义插槽的组件:
TodoList.vue
<template>
<ul>
<li v-for="( item, index ) in items">
<slot :item="item" :index="index"></slot>
</li>
</ul>
</template>
<script>
export default {
props: {
items: {
type: Array,
required: true
},
}
}
</script>
<style scoped>
a {
color: #42b983;
}
</style>
在页面中引入:
<template>
<TodoList>
<template v-slot:default="{ item }">
<span class="green">{{ item?.name }}</span>
</template>
</TodoList>
</template>
<script>
import TodoList from './TodoList.vue'
export default {
components: {
TodoList
},
data() {
return {
list: [
{
id: 1,
name: 'vue',
age: 18
},
{
id: 2,
name: 'react',
age: 20
},
{
id: 3,
name: 'angular',
age: 22
}
]
}
},
}
</script>
<style>
</style>
运行 yarn dev:mp-weixin
, 生成 index-todo-list-default
, 里面包含 wx.createComponent
方法,控制台报错:
TypeError: wx.createComponent is not a function
xiaoxiao昱 (作者)
最新的,上面信息附上了,基础库版本号: 2.19.1,这个方法是uniapp编译的时候挂到wx上的,不是小程序自带的
2021-10-29 13:48