小编fel*_*cst的帖子

VueJS - 将插槽传递给子组件的子节点

我有一个列表和一个list_item组件,我在我的应用程序中重复使用了很多.在简化的表格上:

contact_list.vue

<template lang="pug">
    .table  
      .table-header.table-row
        .table-col Contact
        .table-col Info

      .table-body
          contact-list-item(v-for='contact in contacts',
                            :contact='contact',
                            @click='doSomething()')

</template>
Run Code Online (Sandbox Code Playgroud)

contact_list_item.vue

<template lang="pug">
.table-row(@click='emitClickEvent')
  .table-col {{ contact.name }}
  .table-col {{ contact.info }}
</template>
Run Code Online (Sandbox Code Playgroud)

当我在特定组件中使用contact_list时,我希望能够发送一个插槽,将一些新列添加到contact_list_item组件中.此插槽将使用在contact_list_item组件内呈现的特定联系人的数据来生成新列.

我怎么能实现这一目标?使用插槽是最好的方法吗?

提前致谢.

javascript components vue.js vue-component vuejs2

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

HTTPS重定向仅在重新加载页面时有效

我在我的页面上安装了一个SSL证书,它运行一个Node.js + Express应用程序,将Express服务器配置为始终强制重定向到HTTP,一切正常,但https重定向仅在重新加载页面时或者再次按下回车键.我录制了一个gif来展示会发生什么:

http://recordit.co/uBiW3bcQCM

这是我的Express配置.

var express = require('express');
var path = require('path');
var serveStatic = require('serve-static');

var forceSsl = function (req, res, next) {
  if (req.headers['x-forwarded-proto'] !== 'https') {
    return res.redirect(['https://', req.get('Host'), req.url].join(''));
  }
  return next();
};

app = express();
app.use(serveStatic(__dirname));

if(process.env.NODE_ENV === 'production') {
  app.use(forceSsl);
}

app.all('/*', function(req, res) {
  res.sendfile('index.html');
});

var port = process.env.PORT || 5000;
app.listen(port);

console.log('server started '+ port);
Run Code Online (Sandbox Code Playgroud)

我的应用程序在Heroku上运行.任何人都可以帮我找出发生了什么事吗?

提前致谢.

ssl https heroku node.js express

12
推荐指数
1
解决办法
212
查看次数

VueJS - 对象道具验证

在VueJS中,如何验证对象类型道具以确保对象定义了某些特定字段?

例如,我想确保用户道具有字段'name','birthDate'等.

提前致谢.

javascript components vue.js

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

vueJS + webpack:导入字体,CSS和node_modules

我从Vue.js和Webpack开始,我对如何正确导入和引用我的字体,CSS和node_modules正确有疑问.

我开始使用我的应用程序vue-cli,这是结果结构:

build
config
node_modules
src
--assets
--components
--router
static
Run Code Online (Sandbox Code Playgroud)

这是我的webpack.base.conf档案:

var path = require('path')
var utils = require('./utils')
var config = require('../config')
var vueLoaderConfig = require('./vue-loader.conf')

function resolve (dir) {
  return path.join(__dirname, '..', dir)
}

module.exports = {
  entry: {
    app: './src/main.js'
  },
  output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  },
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src')
    }
  },
  module: …
Run Code Online (Sandbox Code Playgroud)

javascript webpack vue.js

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

ActionMailer - 使用原始RFC822消息创建包含附件的新邮件

我使用电子邮件递送服务发送电子邮件(Sparkpost),每次回复其中一封电子邮件时,我收到的JSON包含:回复邮件正文为HTML(body_html),回复邮件正文为文本(body_text)和原始RFC822(email_rfc822)用于回复消息.

收到此JSON后,我需要将此电子邮件转发给其他收件人.目前,我使用以下邮件来实现:

class ReplyMailer < ApplicationMailer
  def reply(body_html, body_text, options = {})
    mail(to: options[:to], from: options[:from], reply_to: options[:reply_to], subject: options[:subject], skip_premailer: true) do |format|
      format.html { render html: body_html.html_safe } if body_html.present?
      format.text { render plain: body_text } if body_text.present?
    end
  end
end 
Run Code Online (Sandbox Code Playgroud)

此方法的问题在于它不转发原始邮件的附件.

如何更改此邮件程序还转发原始邮件中的所有附件(包括在html正文中引用的内嵌图像)?

ruby email ruby-on-rails actionmailer

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

CircleCI-根据分支不同的环境变量值

我试图根据当前的$ CIRCLE_BRANCH为CircleCI上的环境变量设置不同的值。我尝试在CircleCI设置中设置两个不同的值,并在部署阶段将它们相应地导出,但这是行不通的:

deployment:
  release:
    branch: master
    commands:
      ...
      - export API_URL=$RELEASE_API_URL; npm run build
      ...
  staging:
    branch: develop
    commands:
      ...
      - export API_URL=$STAGING_API_URL; npm run build
      ...
Run Code Online (Sandbox Code Playgroud)

我该如何实现?

提前致谢。

deployment bash continuous-integration continuous-deployment circleci

3
推荐指数
2
解决办法
2067
查看次数

Vue-router:beforeEnter 守卫对子路径无法正常工作

我正在尝试为我的孩子路线定义 beforeEnter 守卫,但我没有成功。这是我的路由配置:

  ...
  {
    path: '/',
    component: App
    beforeEnter: (to, from, next) ->
       # This block is only reached when I refresh the page

    children: [
      {
        name: 'component1',
        path: '/component1',
        components: component1
      },
      {
        name: 'path2',
        path: '/path2',
        components: component2
      },
     ...
    ]
  }
  ...
Run Code Online (Sandbox Code Playgroud)

当我刷新页面或直接在浏览器上插入 url(例如:base_path/path2)时,一切正常。但是当我单击重定向到路径 1 或路径 2 的路由器链接时,beforeEnter 防护不会执行。

我理解错了吗?我是否需要为每个孩子设置 beforeEnter 守卫?

vue.js vue-router vue-component vuejs2

3
推荐指数
1
解决办法
5829
查看次数

Rails/PostgreSQL - 查询更新所有添加 1 天的日期

我想执行一个 update_all 查询来更新一个日期时间列,在所有行上将此列的当前值添加 1 天。

我可以使用 .each 和 .update 实现这一点,但在单个查询中执行会更有效。

是否可以使用 Rails 和 PostgreSQL 实现这一目标?

sql postgresql activerecord ruby-on-rails

3
推荐指数
1
解决办法
1812
查看次数

使用Mongo C#2.0驱动程序替换嵌入式文档

我有一个包含嵌入式单元阵列的文档,如下所示:

{
    "_id" : ObjectId("5807c22e959ca231f0c48a75"),
    "Code" : "Value",
    "Units" : [ 
        {
            "_id" : ObjectId("5807cc08959ca331f09c530e"),
            "Code" : "Foo",
            "Label" : "Foo"
        },
        {
            "_id" : ObjectId("5807cc08959ca331f09c530e"),
            "Code" : "Bar",
            "Label" : "Bar"
        },
    ]
}
Run Code Online (Sandbox Code Playgroud)

我想通过其ID查找一个单位,并将其替换为新文档。我如何使用Mongo C#Driver 2.0做到这一点?

提前致谢!

c# mongodb nosql

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