1

我最近使用 vue 学习 Laravel ......

我正在使用 Laravel 5.8、
Bulma 0.7.5、Buefy 0.8.1 和 Vue

我的问题是，当我注销时，Buefy CSS 工作正常，但我登录时，它停止工作......

这是一些屏幕截图，所以你可以看到我在说什么......

这是我注销时的样子 https://imgur.com/inOTzgv

这是我登录时的样子 https://imgur.com/Qgq52d4

这是我的 app.js

require('./bootstrap');

window.Vue = require('vue');
import Buefy from 'buefy';
Vue.use(Buefy);


var app = new Vue({
            el: '#app',
             data() {
                return {
                    auto_password:      true,
                    password_options: 'keep'
                }
            }
            });

这是我的 cpanel.blade.php

    <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'EthicallySpeaking') }}</title>

    <!-- Scripts -->
    <script src="{{ asset('js/app.js') }}" defer></script>

    <!-- Fonts 
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">-->

    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    @yield('styles')
</head>
<body>

    <div id="app">
          @include('inc.navbar')
          @include('inc.messages')
          @include('inc.side_navbar_cpanel')
        <div id="app" class="cpanel-dashboard-area flex-container">       
              @yield('content')
        </div>
    </div>
        @yield('scripts')

</body>
</html>

这是我遇到问题的edit.php表单...

@extends('layouts.cpanel')

@section('content')
<section class="section">
        <div class="container">

            <div class="columns m-l-10">
                <div class="column is-10">
                    <h1 class="title">Edit User Profile</h1>
                </div><!-- end column is-10 -->
            </div><!-- end columns -->
   <hr/>
        <div class="columns">
                <div class="column">
            <form action="{{route('users.update', $user->id)}}" method="POST">
            {{method_field ('PUT')}}
            {{csrf_field()}}
                <div class="field">
                    <label for="name" class="label">Name</label>
                    <p class="control">
                        <input type="text" class="input" name="name" id="name" value="{{$user->name}}">
                    </p>
                </div>

                <div class="field">
                    <label for="email" class="label">Email</label>
                    <p class="control">
                        <input type="text" class="input" name="email" id="email" value="{{$user->email}}">
                    </p>
                </div>

                <div class="field">
                    <label for="password" class="label">Password</label>
                        <div class="field">
                            <b-radio v-model="password_options" native-value="keep" name="permission_type">Do Not Change Password</b-radio>
                        </div>

                        <div class="field">
                            <b-radio v-model="password_options" native-value="auto" name="permission_type">Auto-Generate New Password</b-radio>
                         </div>  

                         <div class="field"> 
                            <b-radio v-model="password_options" native-value="manual" name="permission_type">Manually Set New Password</b-radio>
                                <p class="control">
                                    <input type="text" class="input" name="password" id="password" v-if="password_options == 'manual'" placeholder="Manually give a password to this user"> 
                                </p>
                        </div>
                </div>

                <button class="button is-success m-t-20">Edit User</button>

            </form>
            </div><!-- end column is-10 -->
            </div><!-- end columns -->


       </div><!-- end container -->

</section>
@endsection

我想知道是否有人知道为什么会这样？

4

0 回答 0