小编Mat*_*ády的帖子

将类绑定到Vue.js中的插槽2

我正在尝试创建一个可重用的组件来迭代项目,过滤它们,并向插槽中添加一些类(如果项目是偶数,奇数,第一,最后等...)

这是我的可重用组件:

<template>
  <ul :class="classes">
    <slot
      v-for="(item, index) in filteredItems"
      :item="item"
      :class="{
        'first': index == 0,
        'odd': !(index % 2),
        'even': index % 2,
        'last': index == (filteredItems.length - 1)
      }"
    >
    </slot>
  </ul>
</template>

<script>
export default {
  props: ['items', 'classes'],
  data() {
    return {
      filteredItems: this.items.filter(item => item.active)
    };
  }
};
</script>
Run Code Online (Sandbox Code Playgroud)

以下是我如何使用它:

<component-list :classes="'some-class'" :items="category.products">
  <template scope="props">
    <product :product="props.item"></product>
  </template>
<component-list>
Run Code Online (Sandbox Code Playgroud)

一切都按预期工作,但它不会向放在里面的元素添加类.

我做错了吗?在Vue.js 2中技术上是否可以做这样的事情?

感谢您的任何帮助或建议!

javascript vue.js vuejs2

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

更改单个像素的颜色 - Go lang图像

我想打开jpeg图像文件,对其进行编码,更改一些像素颜色,然后将其保存原样.

我想做这样的事情

imgfile, err := os.Open("unchanged.jpeg")
defer imgfile.Close()
if err != nil {
    fmt.Println(err.Error())
}

img,err := jpeg.Decode(imgfile)
if err != nil {
    fmt.Println(err.Error())
}
img.Set(0, 0, color.RGBA{85, 165, 34, 1})
img.Set(1,0,....)

outFile, _ := os.Create("changed.jpeg")
defer outFile.Close()
jpeg.Encode(outFile, img, nil)
Run Code Online (Sandbox Code Playgroud)

我只是无法想出一个有效的解决方案,因为我在编码图像文件后得到的默认图像类型没有Set方法.

任何人都可以解释如何做到这一点?非常感谢.

image draw go

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

React router:在每个<Link>导航上执行自定义功能

对不起,如果已经回答了这个问题.但有没有办法在每个<Link>导航上执行自定义功能?最好不要创建自定义<Link>包装器.

我希望在应用程序内的每个导航之前将一些信息提供给sessionStorage.

谢谢

javascript reactjs react-router

9
推荐指数
2
解决办法
7597
查看次数

从upsert获取插入行的id(insertOrUpdate)Sequelize Node.js

我正在创建一个REST API.我想实现一个独立的PUT操作,它可以创建或更新数据库中的特定资源.

我正在使用node.js,postgreSQL和sequelize.问题是,sequelize upsert返回要么true还是false取决于wheter资源得到了更新或创建.

但是,如果资源已创建,我需要能够将唯一标识符(列标识)发送回客户端.

我尝试过的一个解决方案是通过在sequelize findOne查询的"where"属性中指定从客户端发送的每一个列来尝试找到完全相同的资源.但是如果客户端发送不在数据库中的其他列,则会抛出错误.在我的实施中不应该这样.

有可能实现这个吗?最佳地没有一些性能开销.谢谢

javascript postgresql node.js sequelize.js

7
推荐指数
1
解决办法
3556
查看次数

第一帧视频

我正在后端创建一个带有Go lang的单页应用程序(显然是前端的javascript).我想找到一种方法,使用Go lang获取视频的第一帧.

首先,我将.mp4视频文件上传到服务器.它保存在服务器上.

有没有办法使用Go lang获取此视频的第一帧?应该可以在前端使用Javascript来实现它,但我不认为这是解决此问题的正确方法.

我不知道如何使用Go lang实现它,我没有找到任何有用的库,甚至没有内置函数可以帮助我解决这个问题.

每一条建议或任何重新建议都会受到很多好评.

video frame go

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

Sass-前缀从文件导入的所有类(使用sass import或webpack loader)

这个问题可能非常愚蠢和重复,但是我找不到解决我问题的可行方法。抱歉,如果其他地方都没有回答。

我想要做的是在一个项目中使用2个CSS框架。

我必须使用语义作为主要的CSS框架-必须全局访问。例如,类为“ ui网格”的元素应使用语义UI的“ ui网格”行为。

但是然后,我想使用Bulma作为我的辅助框架。为避免冲突,我想为所有布尔玛类添加一个静态前缀。因此,例如布尔玛的“模态”类可以作为“布尔玛模态”访问。像这样的东西:

  .&bulma {
    @import '~bulma/bulma';
  }
Run Code Online (Sandbox Code Playgroud)

这将(希望)避免所有类冲突,并且仍然让我在同一范围内同时使用语义和布尔玛。

感谢您的帮助或建议。

css import sass prefix

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

Mobx:将新的(数组)属性添加到可观察对象

我有一个可观察的对象,我想存储一些数据.密钥是我的客户实体的唯一ID,值是客户订单的数组(对象本身).

我初始化一个对象:

@observable data =  {};
Run Code Online (Sandbox Code Playgroud)

然后,当我从网络获取数据时,我想存储它们,使用:

@action
saveData(customerId, ordersForCustomer) {
  this.data = extendObservable(this.data, {
    [customerId]: observable(ordersForCustomer);
  }
}
Run Code Online (Sandbox Code Playgroud)

不幸的是,似乎我的对象(或其属性)没有被监视.

为什么是这样?我该如何解决这个问题?对于可观察对象如何使用数组作为其值,我需要了解一些特殊内容吗?

javascript arrays observable mobx

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