小编Lef*_*eff的帖子

我有一个Vue 2项目,我编写了一个简单的函数来翻译几个月的日期,我想在我的一个组件中导入,但是我收到一个错误:

在'@/utils/date-translation'中找不到导出'default'(导入为'translateDate')

来自src文件夹的相对文件路径是正确的,我正在导出这样的函数:

export function translateDate(date) {
  // my code
}

然后我在组件中导入它,如下所示:

import translateDate from '@/utils/date-translation'

我究竟做错了什么？

我有一个包含很多项目的数组,我正在创建它们的列表.我在考虑将列表分页.我想知道如何在数组中的某些部分启动forEach或for循环,index在我的示例中,每个页面上列表中的项目数量,以便我不需要在每个循环中迭代整个数组？

arr.forEach(function (item) {
  someFn(item);
})


for (var i = 0, len = arr.length; i < len; i++) {
  someFn(arr[i]);
}

我有一个组件:

<player-info :data="player"></player-info>

我想使用vue-mask-input插件作为子组件:

<masked-input v-model="date" mask="11 / 11 / 1111" placeholder="Date">

这是整个组件:

<template>
  <div id="info" class="player-info-card-content section-card">
    <div class="row">
      <div class="col-12">
        <h5 class="section-title"><i class="ion-ios-list-outline title-icon"></i> Overview</h5>
        <button @click="edit = !edit" class="button edit-button-wrapper">
          <i v-if="!edit" class="ion-edit edit-button"></i>
          <i v-if="edit" class="ion-close edit-button"></i>
        </button>
        <hr class="info-title-hr">
      </div>
    </div>
    <div class="row info-content">
      <div class="col-12">
        <div class="row">
          <div class="col-6 col-md-3 player-info-data">
            <div class="row">
              <div class="col-12 info-box">
                <span class="info-label">Born</span>
                <p v-if="!edit">{{ player.birthday }}</p>
                <!--
                <input v-if="edit" type="text" v-mask="'999.999.999-99'">
                <input class="info-data-input" v-if="edit" name="birthday" v-model="player.birthday" …

我想传递一个数组并添加到我的页面上的链接作为url参数,因为稍后在服务器端我需要数组中的值.我该怎么办？

myArray = ['aaa', 'bbb', 'ccc'];

$('#myLink').attr({"href" : '/myLink?array=' + myArray});

我不确定这是否是正确的做法？

我想计算两个浮点数的平均值,但无论输入如何,我都会得到一个返回的整数.

我应该怎么做才能使这项工作？

public class Program
{
    public static float Average(int a, int b)
    {
        return (a + b) / 2;
    }

    public static void Main(string[] args)
    {
        Console.WriteLine(Average(2, 1));
    }
}

我正在显示我从Algolia获得的分页结果.我在我的控制器中有两个查询,我分页.这是我将数据从控制器发送到视图的方式:

public function index(Request $request)
{
    if(!$request->q && !$request->page){
      return redirect('/');
    }

    $videos = Video::search($request->q)->paginate(1);
    $videosCollection = $videos->getCollection();

    return fractal()
      ->collection($videosCollection)
      ->parseIncludes(['player'])
      ->transformWith(new VideoTransformer)
      ->paginateWith(new IlluminatePaginatorAdapter($videos))
      ->toArray();
}

那么当我搜索示例时,'rene'结果显示在url上http://videoapp.app/search?q=rene ,我得到的数据如下所示:

{
  data: [
    {
      id: 46,
      description: null,
      views: 0,
      created_at: "1 month ago",
      player: {
        data: {
          id: 34,
          image: "15889ca47e557c12240142_1013305815416003_5199651181367705874_n.jpg",
          first_name: "Bruno",
          last_name: "Hendricks"
    }
  }
}
],
meta: {
  pagination: {
    total: 2,
    count: 1,
    per_page: 1,
    current_page: 1,
    total_pages: 2,
    links: {
      next: …

我有一个组件,我上传一个视频文件,一切正常在我的本地机器上,它曾经在生产服务器上正常工作,Namechap是我托管项目的地方,直到最近我做了一些工作并进行了更改,我看到它不再适用于生产服务器.

我正在使用Vue v.1.0.28,这是上传组件,在fileInputChange()我发布表单数据的方法中,在/upload端点上,由于某种原因我在生产服务器上无法在后端读取:

<template>
  <div class="card-content col-md-10 col-md-offset-1">

      <div v-if="!uploading">
          <div class="col-md-12 Image-input__input-wrapper">
              Upload video
              <input type="file" name="video" id="video" @change="fileInputChange" class="Image-input__input" accept="video/*">
          </div>
      </div>

      <div class="alert alert-danger video-upload-alert" v-if="failed">Something went wrong. Please check the video format and try again. If you need any help please contact our <a>support service.</a></div>

      <div id="video-form">
          <div class="alert alert-info" v-if="uploading && !failed && !uploadingComplete">
              Please do not navigate away from this page, until the video has finished …

我有一个名为的目录Polygons，我在其中创建了一个index.js文件以从该目录导出所有文件。它看起来像这样：

export {default as europe} from './europe'
export {default as northAmerica} from './northAmerica'

europe文件导出变量如下：

export default europe;

在我想使用这些变量的文件中，我将像这样导入它们：

import * as regions from './Polygons'

我现在想以某种方式迭代这些导入，有什么办法可以做到这一点吗？

我尝试过这样做：

  for (const element of regions) {
    console.log(element);
  }

但是，然后我得到：

Uncaught (in promise) TypeError: Invalid attempt to iterate non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.

我正在学习角度2,在这个例子中,我将isLoading的变量设置为true,然后将其更改为false,一旦我获取了我需要的数据,我得到错误:

打字稿 - 类型'false'不能指定为'true'类型

这是代码:

export class AppComponent implements OnInit {
    isLoading: true;

    constructor(private _articleService: ArticleService, private _postService: PostService){}

    ngOnInit(){
      this.articles = this._articleService.getArticles();
      this._postService.getPosts()
        .subscribe(posts => {
          this.isLoading = false;
          console.log(posts[0].title);
        });
    }

我有 2 个域，一个托管我的应用程序 - myapp，另一个托管 gooddata 仪表板 - analytics.myapp。我想将gooddata仪表板嵌入到我的应用程序的页面中。我已将frame-src设置为允许来自仪表板所在域的请求：

set $CSP "${CSP}; frame-src https://analytics.myapp.com/";

add_header Content-Security-Policy ${CSP};

我还在CORS主机上设置了analytics.myapp允许来自myapp域的请求：

ingress:
    nginx.ingress.kubernetes.io/enable-cors: "true"
    nginx.ingress.kubernetes.io/cors-allow-origin: "http://localhost:10000, https://myapp.com"

我想将包含来自域的内容的 iframe 嵌入到域的analytics.myapp页面中，只有在您通过身份验证后才能看到该内容myapp。现在，当我加载内容时，iframe 正在显示登录页面，如果我尝试通过 iframe 登录，则会收到错误消息：

Blocked autofocusing on a <input> element in a cross-origin subframe.

如果我使用不同选项卡中的用户登录，analytics.myapp则无法正常工作，因为 cookie 不会发送到域myapp。我发现可以通过他们的文档中的 api 进行身份验证。他们还有关于如何嵌入仪表板的文档，但为了查看嵌入式仪表板文档说：

用户必须是工作区成员才能查看嵌入式仪表板。

我还没有实现 SSO（单点登录），但我想知道一旦实现它，CORS 还会有问题吗？我可以想象，一旦我实现了这个，来自myapp域的用户进入一个页面，其中我有一个带有嵌入式仪表板的 iframe analytics.myapp，他们将被重定向到一个身份验证端点，在该端点上myapp用户将通过 SSO 进行身份验证 …