小编Mis*_*e83的帖子

我正在尝试使用pusher设置Laravel Echo,以实现实时通知.

首先,我安装了Laravel Echo和Pusher:

npm install --save laravel-echo pusher-js

在此之后, bootstrap.js 我已取消注释代码(如指南所说):

import Echo from "laravel-echo"

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: 'my_key',
    encrypted: true
});
Echo.channel('orders')
    .listen('TestEvent', (e) => {
        console.log('pippo');
    });

我已经运行了gulp,现在当我访问该页面时,我收到此错误:

bootstrap.js?5e63:50 Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_0_laravel_echo___default.a.channel is not a function

我见过多次Vue实例绑定到body标签上.其他时候这是绑定的div id

我问我何时应该使用body标签或id标签(限制Vue实例的范围).

两个例子:

new Vue({
  el: 'body'
});

要么

new Vue({
  el: '#a-div'
});

我有一个像这样的对象数组

[
    {
        'a': 10,
        elements: [
            {
                'prop': 'foo',
                'val': 10
            },
            {
                'prop': 'bar',
                'val': 25
            },
            {
                'prop': 'test',
                'val': 51
            }
        ]
    },
    {
        'b': 50,
        elements: [
            {
                'prop': 'foo',
                'val': 30
            },
            {
                'prop': 'bar',
                'val': 15
            },
            {
                'prop': 'test',
                'val': 60
            }
        ]
    },
]

我需要的是总结的财产Val时,prop是foo.所以,我要通过要素进行搜索,并得到所有的对象,其中prop是foo.有了这个对象,我应该总结一下这个val属性.

我试图使用许多组合_.find,_.pick等等,但我没有得到正确的结果.有人能帮我吗？

在我的应用程序中,我需要使用嵌套的v-for来显示带有select-option的元素列表.这就是场景

<div class="stuck" v-for="box in items">
  <p>Pick an option for this box:</p>
  <select v-model="box">
      <option v-for="package in packages" 
              :value="package.id">{{ package.name }} </option>
  </select>
</div>

变量项来自Vuex商店.这样,我收到错误:

您将v-model直接绑定到v-for迭代别名.这将无法修改v-for源数组,因为写入别名就像修改函数局部变量一样.考虑使用对象数组并在对象属性上使用v-model.

考虑到这一点,我将改变代码:

<div class="stuck" v-for="box in items">
  <p>Pick an option for this box:</p>
  <select v-model="box.id">
      <option v-for="package in packages" 
              :value="package.id">{{ package.name }} </option>
  </select>
</div>

我刚刚v-model将别名从别名框更改为正确的id:box.id

通过这种方式,所有作品 ......或......一半都有效.因为,如果我要从选择中选择一个选项,我还有另一个错误:

[vuex]不要在变异处理程序之外改变vuex存储状态.

这是正确的,因为v-model它绑定到box.id(这不是别名而是实际值).但是,当我拿起一个选项的V模式"尝试"改变box.id是来自Vuex店.

现在,在一个简单的场景中,我将为set/get创建一个计算属性,以避免vuex存储变异.

但是......这里我有一个嵌套循环,所以我不能在'box.id'上创建一个计算器.

你有解决方案吗？

非常感谢!

我正在构建一个简单的ReactJS页面(我的第一个),我遇到了路由问题.浏览器栏上的链接已更新(控制台中没有错误),但页面未刷新:

我App.js是:

return(
   <div id="container">
      <Dashboard>{this.props.children}</Dashboard>
   </div>
);

仪表板是在中间呈现动态内容的主页面

 return(
    <!-- code for navbar, sidebar etc -->
      ...
      <Link to="/memory">Memory</Link>
      ....
     <div id="page-wrapper" className="page-wrapper">
        {this.props.children}
     </div>
);

所以我创建了两个小组件(Home在开头显示Memory)

家:

render() {
    return(
       <div className="row">
            HOMEPAGE
        </div>
    );
}

记忆:

  render() {
        return(
           <div className="row">
                MEMORY
            </div>
        );
    }

路由器很简单:

<Route component={App}>
    <Route path='/' component={Home}>
        <Route path='/memory' component={Memory} />
    </Route>
</Route>

当我去我的家庭服务器(localhost:3000)时,显示我的HOMEPAGE,但当我点击Memory链接时没有任何事情发生...网址改变但Memory组件未呈现...

UPDATE

感谢我的回复,这是一个工作版本:

仪表板 - >已删除

App.js

 return( …

在我的Node.Js应用程序(服务器端)中,我必须创建一个对象实例(这是一个类,所以有new MyClass()),但MyClass是一个string.

可以从String创建对象实例吗？我已经看到在浏览器方面我可以使用window,但在这里我在服务器端......

我将需要这个,因为我现在将在运行时使用该类的名称,因此我无法在"代码"中实例化此对象.

而且,我可以有几个需要以这种方式创建的类.简而言之,我有一个显式这种类的配置文件,我需要在真正的JavaScript对象中转换这个字符串.

在我的应用程序中,我有许多按钮.当我按下按钮时,我想加载一个模板(替换所选按钮):

模板:

Vue.component('component-1', {...});
Vue.component('component-2', {...});

纽扣:

<div id="toReplace">
  <button>Button1</button>
  <button>Button2</button>
</div>

在这种情况下,当我按Button1div的内容时toReplace应该是component-1.当然,每个组件都应该有一个"关闭"按钮,按钮会再次显示按钮(简称div toReplace).

我正在尝试对我的 Laravel 应用程序进行 dockerize，一切正常。我所有的容器都 100% 工作。

唯一的问题是vendor通过 Composer 创建的目录。

这是我的一部分Dockerfile

COPY . .
RUN composer update --no-scripts

由于该命令是在容器内部执行的，该vendor目录不是主机，因此PhpStorm不会检测到它并且所有包含都被标记为未找到

我vendor也应该在主机上安装吗？

我需要使用使用OAuth2的自定义Web服务授权用户.

为此,我创建了一个重定向到Safari并显示Web服务登录的按钮.

登录后,Web Service将自定义方案URL重定向到我的应用程序.一切正常,但Safari Page(用于登录)仍然是开放的.

使用自定义Scheme重定向后,当它返回我的应用程序时,可以关闭此Safari"卡"吗？

我正在编写一个与 Solr 通信的 Web 应用程序，我正在使用 Spring Data Solr + SolrJ 来获取 Java 中的信息。

对于 Solr 查询，我使用 (e)DisMax 和一些选项（现在，也许以后我需要添加其他内容）：

SolrQuery query = new SolrQuery();
        
query.set("q", terms);
query.set("pf", "text^100");
query.set("qf", "text");
query.set("defType", "edismax");
        
query.setStart(pageable.getOffset());
query.setRows(pageable.getPageSize());
        
query.setHighlight(true).setHighlightSnippets(10);
query.setParam("hl.fl", "text");

对于这种结构，我以这种方式构建了一个 bean

@SolrDocument
public class Document {
    
    @Field
    private String id;
    
    @Field
    private String text;
    
    public String getId() {
        return id;
    }

    public void setId(String id) {
        this.id = id;
    }

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text …