cute để giật tít cho hiệu quả =))

bài viết hay quá

ok

ko còn câu nào khác ah e

Bài viết ý nghĩa quá !

@maitrungduc1410 mình sử dụng "npm install laravel-vue-pagination" để làm phân trang

code php laravel:

$categorys = InterfaceCat::get()->paginate(10);
return response($categorys, 200);

code html:

<pagination :data="listCategory" :limit="2" :align="'center'" @pagination-change-page="getAllCategory">
			<span slot="prev-nav">{{trans('Langcore::global.Previous')}}</span>
			<span slot="next-nav">{{trans('Langcore::global.Next')}}</span>
		</pagination>

code vuejs load data mình viết thế này:

<script>
getAllCategory(page=1){
				axios.get(route('interfacepackage.admin.listcategory'),{params:{page:page}})
				.then(response=>{
					this.listCategory = response.data;
    				this.listCategory.data.forEach(item => {
                        Vue.set(item, 'isEdit', false)
                    });
				})
				.catch(error=>{
					if (error.response) {
	    				this.errors = error.response.data.errors.name
	    			}
				})
			}
</script>

Bạn xem giúp mình, cám ơn bạn rất nhiều

bạn copy paste vào đây cho mình xem đoạn code VueJS lúc bạn load data phân trang từ phía backend để mình xem với nhé

nó cứ bị cute ấy, gút chóp

Hiện tại em mới tham gia autotest với codeception, cho em hỏi thì so với các framework khác thì sử dụng codeception có tối ưu hơn không ạ. Các framework khác như java em thấy viết khá phức tạp và mục địch BDD hay test API đều giống nhau.

Cho mình xin theme số 3 với bạn. email mình là duthanhhoang@gmail.com. Mình cảm ơn!

tks bạn :3

@Nhoztay còn logic nào xung quoanh k bạn, vì nếu chạy trên local thì chắc chắn sẽ không bị ảnh hưởng bởi đường truyền mạng, chênh lệch giữa thời gian query và response sẽ chỉ tính bằng ms thôi chứ chênh cả vài giây có vẻ hơi lạ

Trong controller em viết đơn giản lắm. Em chỉ 1 câu query theo id và return về dạng json thôi ạ

Hay quá, mình mong chờ các bài viết sau của bạn trong topic này.

Cám ơn bạn đã chia sẻ.

anh có source demo cho phần này không ạ?

mk là đỗ nghèo khỉ ! cho mk mượn khóa học bạn học dc k ạ

ghi nguồn vô

Cám ơn seri bài của bạn, nó rất bổ ích và mang lại cho tôi kiến thức khi bắt đầu làm việc với Vuejs. Tôi gặp một vấn đề sau khi thực hiện theo bài viết này đó là sau khi tôi thêm phần phân trang thì những tính năng như sửa và xoá chỉ hoạt động tại trang đầu còn đối với trang thứ hai trở đi thì nó không hoạt động nữa, như đối với "Vue.set(item, 'isEdit', false)" thí sau khi chuyển trang thì nó đã không gán thêm "isEdit" vào item nữa. Rất mong bạn dành chút thời gian giải đáp giúp mình đoạn này. Cám ơn bạn

Dịch hay vãi cả chưởng

follow mình để nhận thêm nhiều bài viết Quên Sầu nhé. ~~