Skip to content

Instantly share code, notes, and snippets.

<?php
/**
* ページ番号リンクの表示
* @param int $totalPage データの最大件数
* @param int $page 現在のページ番号
* @param int $pageRange $pageから前後何件のページ番号を表示するか
*/
function paging2($totalPage, $page = 1, $pageRange = 2){
// ページ番号
<template>
<div id="app">
<div class="content">
<ol>
<li v-for="(item, i) in filterItems" :key="i">{{item}}</li>
</ol>
</div>
<prev-next :page="page" :totalPage="totalPage" @change="onPageChange"/>
</div>
</template>
<template>
<div class="pagination">
<a
:href="`?page=${prevPage}`"
class="prev"
v-if="currentPage > 1"
@click.prevent="onPrev"
>&lt; 前へ</a>
<div class="total">ページ {{currentPage}}/{{totalPage}}</div>
<a
<template>
<div id="app">
<div class="content">
<ol>
<li v-for="(item, i) in items" :key="i">{{item}}</li>
</ol>
</div>
</div>
</template>
@Tenderfeel
Tenderfeel / vue-pagination-tutorial-1.vue
Created March 24, 2019 14:56
[Vue] ページングコンポーネントの作り方とか 1
<template>
<div id="app">
</div>
</template>
<script>
export default {
name: "App",
components: {},
};
@Tenderfeel
Tenderfeel / nuxt-child-keep-alive-sample.vue
Last active February 21, 2019 10:13
nuxt-childでkeep-aliveを有効にした時にdataを保持する
<template>
<div>
<p>{{id}}</p>
<div>{{profile}}</div>
</div>
</template>
<script>
let cacheData = null;
export default {
name: 'user-index',
@Tenderfeel
Tenderfeel / CustomDie.php
Last active September 28, 2018 06:43
味気ないwp_dieの出力を変更する
<?php
/**
* 味気ないwp_dieの出力を変更する
*/
class CustomDie {
public function __cosntruct() {
}
public function enable_custom_die() {
// モーダル開閉時のフォーカス操作(モーダルのルート要素にtabindex=0必要)
$('.uk-modal').on('show', (e) => {
$(e.target).data('lastFocusdElement', window.document.activeElement).focus();
}).on('hide', (e) => {
$(e.target).data('lastFocusdElement').focus();
});
@Tenderfeel
Tenderfeel / responsive.scss
Created September 12, 2018 20:31
Sass Responsive Mixins
@function percentage-vw($num) {
$per: ($num * 100);
@return #{$per}vw;
}
@mixin responsive-width($width, $base: 750px) {
width: percentage($width / $base);
max-width: $width;
}
@Tenderfeel
Tenderfeel / wp-remove-all-rest-endpoint.php
Created September 12, 2018 19:01
Turn off Wordpress's default endpoint.
add_filter( 'rest_endpoints', function( $endpoints ){
if ( isset( $endpoints['/wp/v2/posts'] ) ) {
unset( $endpoints['/wp/v2'] );
}
if ( isset( $endpoints['/wp/v2/posts'] ) ) {
unset( $endpoints['/wp/v2/posts'] );
}
if ( isset( $endpoints['/wp/v2/posts'] ) ) {
unset( $endpoints['/wp/v2/posts'] );
}