Skip to content

Instantly share code, notes, and snippets.

View VirajMadhu's full-sized avatar
💻
Coding...

Viraj Madhushan VirajMadhu

💻
Coding...
View GitHub Profile
@VirajMadhu
VirajMadhu / TableComponent2.vue
Created February 3, 2023 06:17
Table component vith emits and props
<template>
<div class="q-pa-md full-width">
<q-table :rows="props.rows" :columns="props.columns" row-key="id" @row-click="onClickRow">
<template v-slot:body-cell-action="props">
<q-td :props="props">
<div>
<q-btn v-for="(actionButton, index) in actionButtons" :key="index" :icon="actionButton.icon"
:color="actionButton.color" @click.stop="onClickButton(props.value, actionButton.name)" dense flat
size="sm" padding="xs" />
</div>
@VirajMadhu
VirajMadhu / TableComponent.vue
Last active February 3, 2023 06:44
Example for Quasar Table component with custom action buttons
<template>
<div class="q-pa-md">
<q-table title="Treats" :rows="rows" :columns="columns" row-key="id" @row-click="onRowClick">
<template v-slot:body-cell-action="props">
<q-td :props="props">
<div>
<q-btn v-for="(actionButton, index) in actionButtons" :key="index" :icon="actionButton.icon"
:color="actionButton.color" @click.stop="btnclick(props.value, actionButton.name)" dense flat size="sm"
padding="xs" />
</div>
@VirajMadhu
VirajMadhu / UserCreate.vue
Created June 12, 2022 15:12
Vue js file for user create
<template>
<div>
<form
action=""
method="POST"
@submit.prevent="onSubmit"
>
<!-- Input Fields-->
<div>
<!-- Email -->
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
class CreateUserTable extends Migration
{
/**
* Run the migrations.
@VirajMadhu
VirajMadhu / UserController.php
Last active June 12, 2022 14:43
Axios POST method in Vue JS with Laravel Back-end
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Validator;
class UserController extends Controller
{
//create new user view