小编Den*_*sot的帖子

更改网站图标 Vuejs？

如何更改 Vuejs CLI 上的图标？

<link rel="shortcut icon" type="image/png" href="/src/assets/img/logo.png"/>

Run Code Online (Sandbox Code Playgroud)

webpack vue.js vue-cli-3

Den*_*sot

2020 09-24

8
推荐指数

1
解决办法

1万
查看次数

如何发送电子邮件与Vuejs？

如何发送包含Vuejs2的电子邮件.我设法获取输入数据并将其转换为json,但我无法将它们发送到邮箱.

我寻找PHPMailer的一面,但面对PHP和Vue不混合.

如何发送表单内容？

模板:

 <div class="JC-contact__form">
  <b-form @submit="onSubmit" v-if="show">

    <b-form-group class="JC-contact__form--lastName">
      <b-form-input type="text" v-model="form.lastName"> </b-form-input>
    </b-form-group>

    <b-form-group class="JC-contact__form--firstName">
      <b-form-input type="text" v-model="form.firstName"> </b-form-input>
    </b-form-group>

    <b-form-group>
      <b-form-input type="text" v-model="form.topic"> </b-form-input>
    </b-form-group>
    <b-form-group>
      <b-form-input type="email" v-model="form.email"></b-form-input>
    </b-form-group>

    <b-form-textarea v-model="form.text"></b-form-textarea>

    <b-button type="submit">Envoyer</b-button>
  </b-form>

</div>

Run Code Online (Sandbox Code Playgroud)

脚本:

  export default {
    name: 'Contact',
    data () {
      return {
        form: {
          lastName: '',
          firstName: '',
          topic: '',
          email: '',
          text: ''
        },
        file: null,
        show: true
      }
    },
    methods: {
      onSubmit (evt) {
        evt.preventDefault();
        alert(JSON.stringify(this.form));
      },
      onReset (evt) …

Run Code Online (Sandbox Code Playgroud)

javascript forms email vue.js

Den*_*sot

2018 03-07

5
推荐指数

2
解决办法

1万
查看次数

在提交表单上打开模式引导程序

当用户验证表单后如何打开模式？\n \n \n \n S\xe2\x80\x99inscrire\n \n

\n\n

    <div class="modal fade" id="registration" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">\n      <div class="modal-dialog" role="document">\n        <div class="modal-content">\n          <div class="modal-body">\n            <h3 class="modal-title">Merci !</h3>\n          </div>\n        </div>\n      </div>\n    </div>\n

Run Code Online (Sandbox Code Playgroud)\n

javascript jquery modal-dialog twitter-bootstrap

Den*_*sot

lucky-day

4
推荐指数

1
解决办法

2万
查看次数

我有这个错误： $(...).datepicker 不是一个函数

我尝试使用日期选择器，但它不起作用。

我有这个错误：$(...).datepicker不是函数

我使用了许多框架和库（Adminlte、bootstrap、chartjs、datatable）。而且我认为它们之间存在冲突。

$(document).ready(function() {
    $('#datepicker').datepicker();
    $('#datepicker').on("changeDate", function() {
        $('#my_hidden_input').val(
            $('#datepicker').datepicker('getFormattedDate')
        );
    });
});

Run Code Online (Sandbox Code Playgroud)

<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>AdminLTE 2 | Dashboard</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">

    <!-- Theme style -->
    <link rel="stylesheet" href="./css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin …

Run Code Online (Sandbox Code Playgroud)

javascript jquery conflict datepicker

Den*_*sot

2016 09-26

2
推荐指数

2
解决办法

2万
查看次数

错误：“未捕获的TypeError：无法读取null的属性'长度'” Chart.js

我用Chart.js制作了一些有效的图形。但是极坐标图形和雷达不起作用。我收到以下错误：“未捕获的TypeError：无法读取null的属性'length'”

我使用charjs 2.3.0

我不知道错误会在哪里出现。

<div class="col-lg-6 col-md-6">
     <canvas class="box box-warning" id="myChart4" width="400" height="400"></canvas>
</div>

<div class="col-lg-6 col-md-6">
     <canvas class="box box-warning" id="myChart5" width="400" height="400"></canvas>
</div>

//////////////////////////////////////////////
// Chart Polar
//////////////////////////////////////////////

var ctx = document.getElementById("myChart4");

new Chart(ctx, {
    type: 'polarArea',
    data: {
        labels: [
            "Red",
            "Blue",
            "Yellow"
        ],
        datasets: [{
            data: [300, 50, 100],
            backgroundColor: [
                "#FF6384",
                "#36A2EB",
                "#FFCE56"
            ],
            hoverBackgroundColor: [
                "#FF6384",
                "#36A2EB",
                "#FFCE56"
            ]
        }]
    },
    options: {
        cutoutPercentage: 50,
        animation: {
            animateScale: false
        }
    }
});

//////////////////////////////////////////////
// Radar …

Run Code Online (Sandbox Code Playgroud)

javascript chart.js adminlte

Den*_*sot

lucky-day

1
推荐指数

1
解决办法

4084
查看次数