小编War*_*rio的帖子

如何使axios同步

我正在使用axios来检查数据库中的其他人是否已经使用了别名.

问题:ajax调用不等待服务器响应执行剩余的代码.

代码如下:

export default {
    data () {
        return {
            id: null,
            alias: null,
            valid: true,
        }
    },

    methods: {
        // triggered by the save button
        save () {
            this.valid = true;
            console.log('before checking');

            this.checkUniqueness();
            // other validations here

            if (this.valid) {
                console.log('3. checked valid, can save now');
                // save now
            }
        },

        checkUniqueness () {
            axios.get('/api/unique/alias', {
                params: {
                    id: this.id,
                    alias: this.alias,
                }
            })
                .then((response) => {
                    console.log('2. server response:' + response.data.unique)
                    this.valid = response.data.unique;
                }); …
Run Code Online (Sandbox Code Playgroud)

javascript axios

14
推荐指数
3
解决办法
5万
查看次数

使用2个字段的Laravel表单验证是唯一的

如何在2个字段上拥有唯一的验证规则?

一个.该应用程序不应该允许两个人具有相同的名字和姓氏.

允许用户仅填写名字或仅填写姓氏.因为用户可能只有其中一个.

湾 但是,如果用户只输入名字(格伦),则表格中的其他人不应该具有相同的名字(名字='格伦',姓氏=空).另一个'格伦史密斯'好吧.

我尝试了以下规则.当两个字段(名字和姓氏)都不为空时,它很有用:

'firstName' => 'unique:people,firstName,NULL,id,lastName,' . $request->lastName
Run Code Online (Sandbox Code Playgroud)

此规则在b上失败.当只有一个字段时.

任何提示?

php laravel-5

12
推荐指数
4
解决办法
9425
查看次数

将组件定位在引导程序面板标题内

使用bootstrap,如何在面板标题内水平对齐组件?为了得到:title:对齐到左边,btn1:居中,btn2:向右对齐.

<div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">title</h3>

            <button class="btn">btn1</button>

            <button class="btn">btn2</button>
        </div>

        <div class="panel-body">
            text
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我试图创建一个引导类"行"和列,但该行超出了面板标题,因为该面板位于另一个col-md-6中: 使用列的结果

html css twitter-bootstrap

11
推荐指数
1
解决办法
3万
查看次数

text-align表示输入标签

我使用以下代码来对齐输入文本字段的内容:

Path <input type="text" value="http://stackoverflow.com/questions" style="text-align: right;">
Run Code Online (Sandbox Code Playgroud)

问题:
对于长文本,这不起作用.

由于我正在显示文件夹路径,所以我有兴趣显示最后一个文件夹.
我浏览了许多与文本对齐相关的帖子帖子,但他们都建议使用"text-align:right".

html css

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

关闭第二个模式后焦点错误

我正在使用 vue.js 2 和 bootsrap 3 打开一个打开第二个模式的模式。

几天前,我问了一个关于如何将焦点设置在第二个模态中包含的控件的问题。我得到了一个很好的答案,解决了这个问题。

问题 打开第一个模式时,用户可以滚动浏览它以查看其底部。但是在打开和关闭第二个模态后,焦点移动到包含第一个模态的页面。当用户滚动查看第一个模态的其余部分时,他会滚动第一个模态后面的页面。

使用起来非常不舒服,尤其是当模态大于屏幕高度时。有没有办法防止这种情况?

要重现此问题,请打开答案并单击“展开代码段”

javascript components bootstrap-modal vue.js vuejs2

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

PhpStorm 在编辑 vue.js 文件时非常慢

我正在使用带有 vue.js 插件的 PhpStorm 2017.1.4。我遇到的问题是:这个插件非常慢,并且在您键入时无法进行编码,并且您仅在 1 到 2 秒的延迟内看不到您键入的内容。它占用 95% 的已分配内存。它占用了 50% 的 CPU 使用率。

我正在做的项目是新的,我只打开了一个少于 70 行的文件。

设置提供安装 vue.js 插件 v171.4424.63 我试图从https://plugins.jetbrains.com/plugin/9442-vue-js安装插件 v171.3780.63 的早期版本,但结果是一样的。

PhpStorm 不支持安装更新的版本,并将其显示为红色,并显示消息“插件与当前的 PhpStorm 安装不兼容”。

我已经在https://youtrack.jetbrains.com/issue/WI-36715上打开了一个问题。但是在他们解决问题之前我该怎么办?记事本上的代码?

我能做些什么来加快速度吗?

performance phpstorm vue.js

5
推荐指数
3
解决办法
2371
查看次数

Laravel 混合版本控制不会删除旧的构建文件

我正在使用 Laravel 5.4 和 mix 来版本化我的 javascript 和 scss 文件。问题是:它不会清除以前构建的文件,只是添加一个具有不同文件名的新文件,即app.9d3e179e85922aad6ccf.js

在我开始的一个新项目中,我没有这个问题。Mix 正确地用最新构建的版本替换旧文件。

有什么地方我可以做出改变吗?

laravel webpack laravel-mix

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

How can I send an object using axios?

Is there a way to send an object to an API using axios?

This the code I use:

axios.get('/api/phones/create/', {
    parameters: {
        phone: this.phone
    }
})
    .then(response => {
        console.log(response.data)
    })
    .catch(function (error) {
        console.log(error)
    })
Run Code Online (Sandbox Code Playgroud)

on the php side, I have the following:

public function create($phone)
{
    return $phone;
}
Run Code Online (Sandbox Code Playgroud)

I get the following error:

GET http://crm2.dev/api/phones/create 500 (Internal Server Error)
dispatchXhrRequest @ app.6007af59798a7b58ff81.js:256
xhrAdapter @ app.6007af59798a7b58ff81.js:93
dispatchRequest @ app.6007af59798a7b58ff81.js:662
app.6007af59798a7b58ff81.js:2266 Error: Request failed with status code 500
    at …
Run Code Online (Sandbox Code Playgroud)

javascript axios

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

java.lang.ClassNotFoundException:com.mysql.jdbc.Driver.

我使用Java/Eclipse连接到MySQL数据库但遇到以下错误.

错误信息:

无法连接到databasejava.lang.ClassNotFoundException:com.mysql.jdbc.Driver

码:

<%
  try {
    Class.forName("com.mysql.jdbc.Driver").newInstance();
    Connection myCon = DriverManager.getConnection("jdbc:mysql://localhost/myDB", "root", "password");
    if(! myCon.isClosed())
      out.println("Successfully connected to " + "MySQL server!");

    myCon.close();
  }catch(Exception ex){
      out.println("Unable to connect to database" + ex);
  }      
%>
Run Code Online (Sandbox Code Playgroud)

我知道这个问题已经在这里提出过了,但我仍然无法对此事进行排序.

环境变量:

JAVA_HOME:C:\ Program Files\Java\jdk1.7.0_51

CLASSPATH:.%JAVA_HOME%\ lib; C:\ Program Files\MySQL\Connector J 5.1.29;

我怎样才能解决这个问题?

java mysql eclipse tomcat jdbc

2
推荐指数
1
解决办法
1703
查看次数

如何将引导程序对话框用作vueJs组件?

我想显示和隐藏一个bootstrap模式对话框,其中这个对话框是一个vue组件,我可以使用props自定义它的常量(消息,按钮).

我用v-if='show'表现出来,但问题是,我不能设置showfalse当模式是通过点击模式的背景下关闭.因此,对话框显示一次,但是当它关​​闭时,当我再次按下删除按钮时,它不再显示.

我有一个名为'person'的vue.js组件,它共同保存另一个组件'confirm-delete',如下所示:

Person.vue:

<template>
    <div>
        <confirm-delete v-if="show" :msg="deleteMsg"></confirm-delete>
        <!-- person details -->
        <button @click="confirmDelete">
            <span class="glyphicon glyphicon-trash"></span>
        </button>
    </div>
</template>

<script>
export default {
    data () {
        return {
            show: false,
            deleteMsg: ''
        }
    },
    methods: {
        confirmDelete () {
            this.show: true,
            this.deleteMsg: 'Are you sure you want to delete this person?'
        }
    }
}
</script>
Run Code Online (Sandbox Code Playgroud)

ConfirmDelete.vue:

<template>
    <div id="modalDelete" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="media-body">
                    <p>{{msg}}</p>
                </div> …
Run Code Online (Sandbox Code Playgroud)

jquery twitter-bootstrap vue.js

2
推荐指数
1
解决办法
2569
查看次数