小编Suc*_*Man的帖子

我用来显示模态的 Vue 组件是这样的：

<template>
    <div class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                ...
                    <a href="javascript:">
                        <img v-if="image == ''" :src="'https://myshop.co.id/img/no-image.jpg'" alt="" class="img-responsive">
                        <img v-else :src="image" alt="" class="img-responsive" />
                    </a>
                    ...
                    <input type="file" v-on:change="changeImage">
                ...          
            </div>
        </div>
    </div>
</template>

<script>
    export default{
        ...
        data() {
            return {
                image: '',
                ...
            }
        },
        methods: {
            changeImage($event) {
                const selectedImage = $event.target.files[0]
                const form = new FormData();
                form.append('file', selectedImage);
                // define the done handler
                const onDone = (data) => {
                    if (!$.trim(data)) …

我尝试这样：

<template> 
    ...
    <input type="number" class="form-control" v-model="quantity" min="1" v-on:keydown="disableDot">
    ...                           
</template>
<script>
    export default{
        ...
        methods:{
            disableDot: function(evt) {
                evt = (evt) ? evt : window.event
                let charCode = (evt.which) ? evt.which : evt.keyCode
                if (charCode === 190 || charCode === 189 || charCode === 187) {
                    evt.preventDefault()
                } 
                else {
                    return true
                }
            }

        }
    }
</script>

如果代码执行并且我输入dot(.)，它仍然可以

在桌面上，它已禁用。但在移动设备中，它不会禁用

我想禁用点。所以用户不能输入点

我该怎么做？

笔记

在 dekstop 中，代码有效。但是在移动设备中，代码不起作用。点（.）在移动设备中没有禁用

如果我dd($items);在控制器中,结果如下:

在视图刀片laravel我检查集合是否为空如下:

@if($items)
...
@endif

但它不起作用

我怎么解决这个问题？

我从这里读到：http : //www.phplab.info/categories/laravel/consume-external-api-from-laravel-5-using-guzzle-http-client

我尝试这样：

...
use GuzzleHttp\Client as GuzzleHttpClient;
use GuzzleHttp\Exception\RequestException;
...
public function testApi()
{
    try {
        $client = new GuzzleHttpClient();
        $apiRequest = $client->request('POST', 'https://myshop/api/auth/login', [
            // 'query' => ['plain' => 'Ab1L853Z24N'],
            'Accept' => 'application/json',
            'Content-Type' => 'application/json',
            'auth' => ['test@gmail.com', '1234'],       //If authentication required
            // 'debug' => true                                  //If needed to debug   
        ]);
        $content = json_decode($apiRequest->getBody()->getContents());
        dd($content);
    } catch (RequestException $re) {
          //For handling exception
    }
}

执行时，结果为空

我怎样才能得到回应？

我尝试邮递员，成功得到回应

但我尝试使用 guzzle，但失败了

更新 ：

我检查了邮递员，结果有效

我尝试点击邮递员上的按钮代码

然后我选择 …

我的 vue 组件是这样的：

<template>
    <div>
        ...
            <li v-for="category in categories">
                ...
                    <input type="radio" class="category-radio" :value="category.id" (category.id == categoryId) ? 'checked data-waschecked=true' : ''> 
                ...
            </li>
        ...
    </div>
</template>
<script>
    export default {
        props: ['categories', 'categoryId'],
    }
</script>

我想在输入类型文本中添加条件。我使用运算符三元像上面的代码

如果代码被执行，它不起作用

没有错误。所以我很困惑要解决它

也许我的代码仍然不正确

我该如何解决？

我在这里阅读：https：//laravel.com/docs/5.4/broadcasting#concept-overview

那里解释说它可以使用公共频道。但是没有如何使用它的示例

我只是看到一个像这样的私人频道的示例：

public function broadcastOn()
{
    return new PrivateChannel('user.'.$this->user->id);
}

我需要一个公开频道的真实例子

我尝试搜索，但尚未找到

有没有人可以帮忙？

我使用 laravel 5.3 并在 forge ( https://forge.laravel.com )上的登台服务器上更改环境

我这样改变：

#MAIL_HOST=smtp.gmail.com
#MAIL_PORT=587
#MAIL_USERNAME=mygmail@gmail.com
#MAIL_PASSWORD=secret
#MAIL_ENCRYPTION=tls

MAIL_HOST=mail.myshop.id
MAIL_PORT=587
MAIL_USERNAME=contact@myshop.id
MAIL_PASSWORD=secret
MAIL_ENCRYPTION=tls

如果我尝试在我的系统中发送邮件，电子邮件发件人是 mygmail@gmail.com

如果电子邮件发件人 contact@myshop.id

我怎么解决这个问题？

我的Vue组件上传文件图像是这样的：

<template>
    <section>
        <ul class="media-list">
            ...
        </ul>
    </section>
</template>

<script>
    export default {
        ...
        props: ['productId'],
        methods: {
            ...
            onFileChange(e, index) {
                let files = e.target.files,
                let formData = new FormData()
                formData.append('file', files[0])
                axios.post(window.App.baseUrl+'/admin/product/upload-image',
                formData,
                {
                    headers: {
                        'Content-Type': 'multipart/form-data'
                    }
                }
                ).then(function(){
                    console.log('SUCCESS!!')
                })
                .catch(function(){
                    console.log('FAILURE!!')
                });
            }
        }
    }
</script>

因此，如果用户上传文件图像，它将调用onFileChange方法

我的路线是这样的：

Route::prefix('admin')->group(function(){
    Route::prefix('product')->group(function(){
        Route::post('upload-image', 'Admin\ProductController@uploadImage')->name('admin.product.upload-image');
    });
});

我的控制器是这样的：

public function uploadImage(Request $request)
{
    echo '<pre>';print_r($request->all());echo '</pre>';die();
}

该代码有效。我成功将文件上传到控制器中

但是在这里我也想通过另一个参数。我想传递参数productId

我尝试像这样更改代码axios：

...
axios.post(window.App.baseUrl+'/admin/product/upload-image',
{product_id: this.productId, formData}
...

这是行不通的。结果为空 …

我使用laravel 5.6

我有一个领域。该字段的数据类型为json

像这样的字段（desc字段）的值：

[
{"code": "1", "club": "CHE", "country": "ENGLAND"}, 
{"code": "2", "club": "BAY", "country": "GERMANY"}, 
{"code": "3", "club": "JUV", "country": "ITALY"}, 
{"code": "4", "club": "RMA", "country": "SPAIN"}, 
{"code": "5", "club": "CHE", "country": "ENGLAND"}, 
{"code": "6", "club": "BAY", "country": "GERMANY"}, 
{"code": "7", "club": "JUV", "country": "ITALY"}, 
{"code": "8", "club": "RMA", "country": "SPAIN"}, 
{"code": "CODE", "club": "CLUB", "country": "COUNTRY"}
]

我想检查俱乐部的钥匙是否具有“ CHE”值

我这样尝试：

->where('desc->club','=', 'CHE')->get();

但这不起作用

我怎么解决这个问题？

我有 4 个组件

我的组件首先是这样的：

<template>
    ...
     <component-second></component-second>
    ...
</template>
<script>
    ...
    export default {
        ...
        updated() {
            // call check method in the component fourth
        }
    }
</script>

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

<template>
    ...
     <component-third></component-third>
    ...
</template>
<script>
    ...
    export default {
        ...
    }
</script>

我的第三个组件是这样的：

<template>
    ...
     <component-fourth></component-fourth>
    ...
</template>
<script>
    ...
    export default {
        ...
    }
</script>

我的第四个组件是这样的：

<template>
    ...
</template>
<script>
    ...
    export default {
        ...
        methods: {
            check() {
                ...
            }
        }
    }
</script>

因此，如果首先执行组件中的 update()，我想在第四个组件中调用 check 方法

我该怎么做？