小编Suc*_*Man的帖子

如果我console.log(this.list)，结果如下：

this.list.forEach(function (user) {
    selected.push(user.id);
});

存在错误：

未捕获的TypeError：this.list.forEach不是函数

我该如何解决这个错误？

我的 vue 组件是这样的：

<template>
    <section>
        ...
            <img class="media-object" :src="baseUrl+'/storage/banner/thumb/'+photo" alt="" width="64" height="64"> 
        ...
    </section>
</template>
<script>
    export default {
        props: ['banners'],
        data() {
            return {
                baseUrl: App.baseUrl,
                bannerId: this.banners.id,
                photo: this.banners.photo // result : chelsea.png
            }
        },
        methods: {
            onFileChange(e) {
                let files = e.target.files,
                    reader = new FileReader(),
                    formData = new FormData(),
                    self = this

                formData.append('file', files[0])
                formData.append('banner_id', this.bannerId)

                axios.post(window.App.baseUrl+'/admin/banner/upload-image',
                formData,
                {
                    headers: {
                        'Content-Type': 'multipart/form-data'
                    }
                }
                ).then(function(response) {
                    if(response.data.status == 'success') {
                        self.photo = response.data.fileName // result …

我的html是这样的:

<div id="app">
    <a class="btn btn-danger" href="javascript:" @click="add($event)">add</a>
</div>

我的javascript是这样的:

var vue = new Vue({
    el: '#app',

    methods: {
        add(event) {
            event.target.disabled = true
        }
    }
});

演示和完整代码如下:https://jsfiddle.net/q7xcbuxd/221/

我试着这样.但如果我点击按钮添加,它就不会被禁用

我怎么解决这个问题？

我有这样的数组：

$test = array(
    array(
        'name' => 'Christina',  
        'age' => '25' 
    ),
    array(
        'name' => 'Agis', 
        'age' => '22'
    ),
    array(
        'name' => 'Agnes', 
        'age' => '30'
    )
);

我想把它改成收藏 laravel

我尝试这样：

collect($test)

结果并不完美。仍然有一个数组

我怎么解决这个问题？

我使用Mac OS High Sierra版本10.13.6

我想安装GitExtensions

我在这里阅读：https : //git-extensions-documentation.readthedocs.io/en/latest/getting_started.html#installation-macos-2-5x-only

如果我运行：mono GitExtensions.exe在终端中，将出现如下错误：

=================================================================
Got a SIGSEGV while executing native code. This usually indicates
a fatal error in the mono runtime or one of the native libraries 
used by your application.
=================================================================

Process 767 detached
(lldb) quit
Abort trap: 6

我该如何解决错误？

更新资料

我得到一个解决方案，所以我尝试更改为这样：

mono --arch=32 GitExtensions.exe

存在这样的新错误：

Fontconfig warning: ignoring UTF-8: not a valid region tag

如果我mono --version在终端中运行，结果如下：

我该如何解决新错误？

我想要这样制作：https : //getbootstrap.com/docs/4.0/components/card/#card-groups

所以我希望盒子的高度保持不变，即使描述发生变化

我的代码笔是这样的：

https://codepen.io/positivethinking639/pen/dyyWadg?editors=1010

  <v-container fluid>
    <v-row dense>
      <v-col
        v-for="card in cards"
        :key="card.title"
        :cols="card.flex"
      >
        <v-card>
          <v-img
            :src="card.src"
            class="white--text align-end"
            gradient="to bottom, rgba(0,0,0,.1), rgba(0,0,0,.5)"
            height="200px"
          >

          </v-img>
          <v-card-text v-text="card.title"></v-card-text>
          <v-card-actions>

            <v-btn icon>
              <v-icon>mdi-heart</v-icon>
            </v-btn>

            <v-btn icon>
              <v-icon>mdi-bookmark</v-icon>
            </v-btn>

            <v-btn icon>
              <v-icon>mdi-share-variant</v-icon>
            </v-btn>
          </v-card-actions>
        </v-card>
      </v-col>
    </v-row>
  </v-container>

我希望身高卡保持不变，尽管描述不同

我该怎么做？

我的第一个组件是这样的:

<template>
    ...
</template>
<script>
    export default {
        ...
        methods: {
            addPhoto() {
                const data = { id_product: this.idProduct}
                const item = this.idImage
                this.$store.dispatch('addImage', data)
                    .then((response) => {
                        this.createImage(item, response)
                    });
            },
        } 
    }
</script>

如果调用方法addPhoto,它将调用ajax然后它将获得响应ajax

我想将响应ajax和另一个参数发送到方法createImage.方法createImage位于其他组件(第二个组件)中

我的第二个组件是这样的:

<template>
    <div>
        <ul class="list-inline list-photo">
            <li v-for="item in items">
                <div v-if="clicked[item]">
                    <img :src="image[item]" alt="">
                    <a href="javascript:;" class="thumb-check"><span class="fa fa-check-circle"></span></a>
                </div>
                <a v-else href="javascript:;" class="thumb thumb-upload"
                   title="Add Photo">
                    <span class="fa fa-plus fa-2x"></span>
                </a>
            </li>
        </ul>
    </div>
</template>
<script>
    export default {
        ...
        data() …

我使用 Laravel 5.6

我使用https://laravel.com/docs/5.6/validation#form-request-validation来验证服务器端

我的控制器是这样的：

<?php
....
use App\Http\Requests\UserUpdateRequest;

class UserController extends Controller
{
    ...
    public function update(UserUpdateRequest $request)
    {
        // dd($request->all());
    }
}

在更新方法中运行语句之前，它将调用 UserUpdateRequest 到验证服务器端

像这样的验证：

namespace App\Http\Requests;
use Illuminate\Foundation\Http\FormRequest;
class UserUpdateRequest extends FormRequest
{
    ....
    public function rules()
    {
        dd($this->request->all());
        return [
            'name'          => 'required|max:50',
            'gender'        => 'required',
            'birth_date'    => 'required',
            'address'       => 'required',
            'status'        => 'required'
        ];
    }
}

dd($this->request->all()) 的结果；像这样 ：

Array
(
    [selected_data] => {"name":"agis","gender":"2","birth_date":"2018-03-13","address":"london"}
)

我如何验证数据是否是这样的对象数组？

我从这里得到教程：https : //laravel-excel.maatwebsite.nl/docs/3.0/export/basics

<?php
...
use App\Exports\ItemsDetailsExport;
class ItemController extends Controller
{
    ...
    public function exportToExcel(ItemsDetailsExport $exporter, $id)
    {
        //dd($id); I get the result
        return $exporter->download('Summary Detail.xlsx');
    }
}

我的出口是这样的：

<?php
namespace App\Exports;
use App\Repositories\Backend\ItemDetailRepository;
use Maatwebsite\Excel\Concerns\FromCollection;
use Maatwebsite\Excel\Concerns\Exportable;
use Illuminate\Support\Facades\Input;
class ItemsDetailsExport implements FromCollection
{
    use Exportable;
    protected $itemDetailRepository;
    public function __construct(ItemDetailRepository $itemDetailRepository)
    {
        $this->itemDetailRepository = $itemDetailRepository;
    }
    public function collection()
    {
        $test  = Input::get('id');
        dd('yeah', $test);
    }
}

我想将 id 参数传递给导出文件。我这样尝试，但我没有得到 id。id 为空

我怎么解决这个问题？

我阅读了文档：https : //vuetifyjs.com/en/components/file-inputs#selection-slot

我的代码是这样的：

<v-file-input
  v-model="files"
  placeholder="Upload your documents"
  label="File input"
  multiple
  prepend-icon="mdi-paperclip"
>
  <template v-slot:selection="{ text }">
    <v-chip
      small
      label
      color="primary"
    >
      {{ text }}
    </v-chip>
  </template>
</v-file-input>

我的代码笔：https ://codepen.io/positivethinking639/pen/vYONqKa ? editable = true & editors = 101

当上传 3 张图片并删除时，它将删除所有图片。我希望用户能够根据他的选择删除 1 张图像。所以用户可以删除1张图片

我该怎么做？