小编ste*_*ve 的帖子

我有一个 vue-multiselect 的工作示例。对于剩下的两个问题，这符合预期。

1. 当您尝试通过单击 x 删除选项时，它实际上会重复该选项，并且永远不会删除它
2. 即使我将 isLoading var 重置为 false，加载微调器也不会消失

示例： https: //codepen.io/TheDevCoder/pen/bGVbGOG

标记

<multiselect
    v-model="value"
    id="ajax"
    label="full_name"
    :options="store"
    :multiple="true"
    :loading="isLoading"
    :internal-search="false"
    @search-change="getData"
    >
</multiselect>

脚本

getData(query){
    this.isLoading = true;
    if(query.length > 0){
        axios.get(`https://api.github.com/search/repositories?q=${escape(query)}`)
            .then((res) => {
                this.store = res.data.items;
                this.isLoading = false;
            })
            .catch((error) => {
                console.log(error);
                this.isLoading = false;
            });
    }
}

我目前正在使用laravelcollective插件渲染和填充laravel 中的表单.这是按预期工作:

{!! Form::model($user, ['action' => 'user@updateUser']) !!}

<div class="form-group">
    {!! Form::label('user_name', 'Name') !!}
    {!! Form::text('user_name') !!}
</div>

<button class="btn btn-success" type="submit">Update</button>

{!! Form::close() !!}

上面的代码生成表单并使用用户名填充输入字段.

如果我想将一个类属性添加到表单输入,如下所示:

{!! Form::text('user_name', '', ['class' => 'form-control']) !!}

它没有填充输入值,因为理论上我已将默认值(第二个参数)设置为''.

有没有一种方法可以填充值并添加一个类而不显式地这样做:

{!! Form::text('user_name', $user->user_name, ['class' => 'form-control']) !!}

通过这样做上述这违背了通过模型呈现形式的对象{!! Form::model($user, ['action' => 'user@updateUser']) !!},因为我可能也解析$user为一个变量到模板,我不想做的事.

我有一个触发jquery验证插件的按钮.问题是它总是返回true,除非字段为空.它忽略了解析的规则.

演示http://jsfiddle.net/sw87W/835/

$(document).ready(function() {
  $('#myForm').validate({
    email: {
      required: true,
      email: true
    },
    password: {
      required: true,
      minlength: 5
    }
  });

  $('#validateForm').click(function() {
    var isValid = $("#myForm").valid();
    alert(isValid);
  });
});

实际上你可以删除我的validate()功能,并且存在相同的行为.

演示http://jsfiddle.net/sw87W/836/

$(document).ready(function() {
  $('#validateForm').click(function() {
    var isValid = $("#myForm").valid();
    alert(isValid);
  });
});

之前已经问过这个问题,但没有回答我的问题:

jquery validate - remote始终返回true

jQuery验证始终返回true

有没有办法结合这两种模式？我想删除空格和非字母数字字符.

这确实有效,重复该replace功能似乎效率低下.

var str;
str = $('p').text().replace(/[^a-zA-Z 0-9]+/g, '');
str = str.replace(/\s/g, '');

alert(str);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>What's Happening Here!</p>

示例jsFiddle.

如何在模态显示上自动聚焦输入？目前我这样做，但它不起作用：

jQuery(document).ready(function($) {
    $('#myModal').on('show.bs.modal', function() {
        $('input[name="myInput"]').focus();
    });
});

http://jsfiddle.net/1aeur58f/2513/

我正在尝试使用Vuu.js将值从父组件传递到子组件。我提供了一个很好的例子。但是当我更改名称时，它将停止工作。我不知道我在做什么错。我对道具的了解有限，但我仍在努力使自己步入正轨。

工作示例：

https://codepen.io/sdras/pen/788a6a21e95589098af070c321214b78

的HTML

<div id="app">
  <child :text="message"></child>
</div>

JS

Vue.component('child', {
  props: ['text'],
  template: `<div>{{ text }}</div>`
});

new Vue({
  el: "#app",
  data() {
    return {
      message: 'hello mr. magoo'
    }
  }
});

非工作示例：

的HTML

<div id="app">
  <child :myVarName="message"></child>
</div>

JS

Vue.component('child', {
  props: ['myVarName'],
  template: `<div>{{ myVarName }}</div>`
});

new Vue({
  el: "#app",
  data() {
    return {
      message: 'hello mr. magoo'
    }
  }
});