我想把下面的模板移到我的组件的render函数中,但是我不知道该怎么做。
这是我的模板:
<template>
<div>
<slot name="item" v-for="item in filteredItems" :item="item">
{{ item.title }}
</slot>
</div>
</template>
这是我的组件:
export default {
props: {
items: {
type: Array,
required: true,
},
search: {
type: String,
default: ""
}
},
methods: {
filterByTitle(item) {
if (!("title" in item)) { return false; }
return item.title.includes(this.search);
}
},
computed: {
filteredItems() {
if (this.search.length === "") {
return this.items;
}
return this.items.filter(this.filterByTitle);
}
},
render: function(h) {
// How can I transform the template so that it finds its place here?
return h('div', ...);
}
};
我先谢谢你了。
1条答案
按热度按时间kqlmhetl1#
要渲染作用域插槽,您可以使用
$scopedSlots
。示例代码:
JSFiddle