copain
1 year ago

Checkbox won't show using buefy in laravel

Posted 1 year ago by copain

Hello, i have been trying to display a check box but i couldn't get it to display, I've tried some of the tutorials and read other forum but still couldn't make it to work, if anyone could guide me to the proper way on how to make (buefy+bulma ) Checkbox work, i would appreciate your help. i'm only trying to display simple check box. below are the following materials i have.

1.#App.js

require('./bootstrap');

window.Vue = require('vue');

import Vue from 'vue' import Buefy from 'buefy' import 'buefy/lib/buefy.css'

Vue.use(Buefy)

const app = new Vue({ el: '#app' });

2.# index.blade.php

@extends('layouts.appmain')

@section('content')

<div class="column">

<div class="block">
        <b-checkbox v-model="checkboxGroup"
            native-value="test1">
            TEST1
        </b-checkbox>
        <b-checkbox v-model="checkboxGroup"
            native-value="test2">
            TEST2
        </b-checkbox>
        <b-checkbox v-model="checkboxGroup"
            native-value="test3">
            TEST3
        </b-checkbox>
    </div>
  </div>

    <script src="{{ asset('assets/js/app.js') }}"></script>

@endsection

Please sign in or create an account to participate in this conversation.