小编Suc*_*Man的帖子

我的Vue组件是这样的：

<template>
    <div class="modal" tabindex="-1" role="dialog">
         <form method="post" :action="baseUrl+'/product/edit'">
            ...
            <input type="hidden" name="product_id" value="{{productId}}">
            ...
         </form>
    </div>
</template>

<script>
    export default {
        props:['productId'],
        ...
    }
</script>

存在这样的错误：

value =“ {{productId}}”：属性内插已删除。

我怎么解决这个问题？

我使用 Laravel 5.3

我有 3 个表：表产品、表类别和表 products_categories

表产品：id、名称等

表类别：id、名称等

表 products_categories : id, product_id, category_id

在模型产品中，我有这样的方法：

public function categories()
{
    return $this->belongsToMany(Category::class, 'products_categories', 'product_id', 'category_id')
                ->withPivot('id')
                ->withTimestamps();
}

所以1个产品有很多类别

我的代码是这样的

例如 $param['category'] 像这样：

数组 ( ['category1'] => 4 ['category2'] => 11 ['category3'] => 18)

$product_id = 1

foreach ($param['category'] as $category) {
    Product::find($product_id)
        ->categories()
        ->attach(
            $category, 
            []
        );
}

它用于在数据透视表上添加类别并且它有效

但是如果我更新数据透视表上的类别，它就不起作用

我尝试这样：

例如之前这样编辑过的分类

$param['类别'] =

数组 ( ['category1'] => 5 ['category2'] => 12 ['category3'] => 19)

$product_id = 1

以及更新数据透视表上数据的代码，如下所示： …

请考虑我尝试过的以下代码段:

<script>
    for (var key in photoList) {
        if(key == photoList[key].id) {
            var res =  `<li id="thumbnail-`+key+`">
                            <div class="thumbnail `+(product.photo == photoList[key].id)+` ? 'thumbnail-main' : ''">
                                ...
                            </div>
                        </li>`;
        }
    }
</script>

我尝试这样,但它不起作用？我该怎么做？

我的数据是对象

我保存它使用这样的本地存储javascript:

localStorage.setItem('storedData', JSON.stringify(data))

我只想保留这些数据1小时.因此,如果超过1小时,则数据将被删除

我知道删除这样的数据:

localStorage.removeItem("storedData")

但是如何在1小时后将其设置为自动删除？

当我在这样的方法上花点时间时：

<template> 
    ...
</template>
<script>
    export default{
        ...
        methods:{
            ...
            add(event){
                let current = moment()                  
            }
        }
    }
</script>

然后调用add方法，它可以正常工作。

但是，如果我像这样在坐骑上放一些力矩：

mounted(){
   let currentAt = moment()   
}

这是行不通的。它返回以下错误：

[Vue警告]：安装的挂钩中出现错误：“ ReferenceError：未定义力矩”

我该如何解决？

我的数组是这样的:

$arr = array('chelsea.jpg', 'arsenal.jpg');

如果我跑: echo '<pre>';print_r($arr);echo '</pre>';

结果 :

Array
(
    [0] => chelsea.jpg
    [1] => arsenal.jpg
)

我想改变关键.所以结果是这样的:

Array
(
    [cover1] => chelsea.jpg
    [cover2] => arsenal.jpg
)

我该怎么做？

我的 ajax axios 是这样的：

let formData = new FormData()
formData.append('file', user.avatar)
formData.append('selected_data', JSON.stringify(user))
axios.post('/member/profile/update', 
    formData, {
        headers: {
            'Content-Type': 'multipart/form-data'
        }
    }
)
.then(response => cb(response))
.catch(error => ecb(error))

我的路线是这样的：

Route::post('update', 'member\UserController@update')->name('member.profile.update');

如果脚本执行，它工作。我成功发送了数据

但是在这里，我想将 post 方法更改为 put 方法。因为这用于更新配置文件

我这样改变：

axios.put(...

和路线：

Route::put('update', ...

我没有成功发送数据。发送的数据为空

我怎么解决这个问题？

更新：

如果我console.log(user)，结果是这样的：

我试着这样:

<script type="text/javascript">
    var club = [
        {id:123, name:'chelsea'},
        {id:456, name:'mu'},
        {id:789, name:'liverpool'}
    ];

    var newClub = club.map(function(element){
       element.original = true;
       element.kw = false;
       return element;
    });

    console.log(newClub);
</script>

有用.但我想要关键的原始和kw与id如下:

var club = [
    {id:123, name:'chelsea', original123:true, kw123:false},
    {id:456, name:'mu', original456:true, kw456:false},
    {id:789, name:'liverpool', original789:true, kw789:false}
];

我该怎么做？

我的代码如下所示：

<div class="col-md-4">
    <ul class="list-unstyled">
        <li><strong>England</strong></li>
        <li>
            <div class="checkbox">
                <label>
                    <input type="radio" name="england"> Chelsea
                </label>
            </div>
        </li>
        <li>
            <div class="checkbox">
                <label>
                    <input type="radio" name="england"> Mu
                </label>
            </div>
        </li>
        ...
    </ul>
</div>
<div class="col-md-4">
    <ul class="list-unstyled">
        <li><strong>Spain</strong></li>
        <li>
            <div class="checkbox">
                <label>
                    <input type="radio" name="spain"> Madrid
                </label>
            </div>
        </li>
        <li>
            <div class="checkbox">
                <label>
                    <input type="radio" name="spain"> Barcelona
                </label>
            </div>
        </li>
        ...
    </ul>
</div>

演示：https : //jsfiddle.net/oscar11/m7by6zcw/6/

我希望取消选中单选按钮。因此，如果选中单选按钮，则可以再次取消选中它。

我该怎么做？

我试着这样:

<script type="text/javascript">
    var clubs = [ 
        {id: 1, name : 'chelsea'},
        {id: 2, name : 'city'},
        {id: 3, name : 'liverpool'}
    ];
    var newClub = {id: 4, name: 'manchester united'}
    for(var i=0; i<clubs.length; i++) {
        if(clubs[i].id!=newClub.id) {
            clubs.push(newClub);
            break;
        }
    }
    console.log(clubs);
</script>

我想添加条件.如果在俱乐部数组中不存在newClub对象的id,那么我想将该对象添加到数组中

有用

但我问.这是最好的方式吗？还是有另一种更好的方法吗？