我正在使用 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 事件
我正在尝试使用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 ×2
jquery ×1
laravel-mix ×1
momentjs ×1
vue.js ×1
vuejs2 ×1
vuetify.js ×1
webpack ×1