ant-design-vue/components/vc-pagination/demo/itemRender.vue
2019-09-28 20:45:07 +08:00

36 lines
711 B
Vue

<script>
import VcPagination from '../index';
import '../assets/index.less';
export default {
data() {
return {};
},
methods: {
itemRender(current, type, element) {
if (type === 'page') {
return <a href={`#${current}`}>{current}</a>;
}
return element;
},
textItemRender(current, type, element) {
if (type === 'prev') {
return 'Prev';
}
if (type === 'next') {
return 'Next';
}
return element;
},
},
render() {
return (
<div>
<VcPagination total={100} itemRender={this.itemRender} />
<VcPagination total={100} itemRender={this.textItemRender} />
</div>
);
},
};
</script>