小编Hay*_*zel的帖子

Vuetify v-btn 点击事件

我正在使用 vuetify,并且尝试在单击 v-btn 组件时调用一个方法。但似乎不起作用。

这是我的代码:

<v-btn @click="bookmarkSave()">
    <v-icon v-if="!isBookmarked">bookmark_border</v-icon>
    <v-icon v-else>bookmark</v-icon>
</v-btn>
Run Code Online (Sandbox Code Playgroud)

我在组件中(在方法部分)声明了一个方法,如下所示:

bookmarkSave : async function () {
                  const response = await axios.get('api/bookmark-kaydet?voice_id=' + this.audio.id);
                 console.log(response);
               }
Run Code Online (Sandbox Code Playgroud)

但我无法在单击事件上调用 bookmarkSave() 方法。另外,我也尝试了 .native 选项。知道我的代码有什么问题吗?或者谁想向我​​展示在 v-btn 组件上使用 click 事件

当我单击按钮时,没有控制台错误或网络日志。我只能在 vue 工具上看到一些输出。我添加了一张相关图片。 在此输入图像描述

javascript vue.js vuejs2 vuetify.js

6
推荐指数
1
解决办法
5万
查看次数

Tempus Dominus Bootstrap4需要moment.js.(日期时间选择器)

我正在尝试使用Tempus Dominus Bootstrap4添加DateTimePicker.但是我收到以下错误.

控制台截图 我使用Laravel作为前端.所以我使用laravel-mix.

我的刀片文件在下面

@extends('layouts.app')


@section('content')
@if((Auth::user()->hasRole('teacher')) || (Auth::user()->hasRole('admin')) || (Auth::user()->hasRole('superadmin')) )
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">{{__("Dashboard")}}</div>

                <div class="card-body">
                    <p>{{ Auth::user()->name }}</p>
                    <p>{{ $errors->first('JSONerror') }}</p>   
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <div class="input-group date" id="datetimepicker1" data-target-input="nearest">
                        <input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker1"/>
                        <div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                        </div>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                $(function () {
                    $('#datetimepicker1').datetimepicker();
                });
            </script>
        </div>
    </div>
@else
<div class="container"> …
Run Code Online (Sandbox Code Playgroud)

javascript jquery momentjs webpack laravel-mix

4
推荐指数
1
解决办法
4537
查看次数