小编non*_*oat的帖子

将Jquery添加到Vue-Cli 3

我目前正在尝试将Jquery添加到我的vue-cli项目中.我知道它可以产生的错误行为,但无论如何; 由于没有build/webpack.base.conf.js了,我尝试vue.config.js通过添加以下内容进行编辑:

 module.exports {
    ...
    chainWebpack: config => {
    config.plugin('define').tap(definitions => {
      definitions[0] = Object.assign(definitions[0], {
        $: 'jquery',
        jquery: 'jquery',
        'window.jQuery': 'jquery',
        jQuery: 'jquery',
        _: 'lodash'
      })
      return definitions
    })
  }
   ...
 }
Run Code Online (Sandbox Code Playgroud)

要么

const webpack = require('webpack')

module.exports {
   ...
 plugins: [
  new webpack.ProvidePlugin({
     $: 'jquery',
     jquery: 'jquery',
     'window.jQuery': 'jquery',
     jQuery: 'jquery'
   })
  ]
   ...
 }
Run Code Online (Sandbox Code Playgroud)

这两个选项似乎都不起作用.#1似乎没有任何事情发生,#2我得到了编译错误; "插件"是不允许的,或者"ProvidePlugin"未解析,当我尝试直接在main.js中导入jQuery并定义$运算符时,jquery在我尝试使用它时保持未定义状态.

非常感谢你提前!

javascript jquery vue.js vue-cli-3

7
推荐指数
3
解决办法
7337
查看次数

术语与术语查询的评分不同

我通过过滤和使用term查询来应用分数来检索文档。查询应匹配具有指定颜色的所有动物 - 匹配的颜色越多,文档的分数越高。奇怪的是,term查询terms结果却有不同的评分。

{
    "query": {
        "bool": {
            "should": [
                {"terms": {"color": ["brown","darkbrown"] } },
            ]
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

应该和使用一样

{"term": {"color": {"value": "brown"} } },
{"term": {"color": {"value": "darkbrown"} } }
Run Code Online (Sandbox Code Playgroud)

查询编号 无论 1 个或 2 个术语匹配,1 都会为文档提供完全相同的分数。如果匹配更多颜色,后者当然会返回更高的分数。

正如协调因子所述,如果匹配的术语越多,返回的分数应该越高。因此,这两个查询应该产生相同的分数 - 或者是因为term查询不分析搜索词?

我的字段被索引为文本。字符串被索引为字符串的“数组”,例如"brown","darkbrown"

elasticsearch elasticsearch-query term-query

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

如何在 nuxt 布局中监听页面 $emit ?

Nuxt 2.15.6;我想通过动态切换根布局中的菜单组件来切换菜单组件的布局。

default.vue

<template>
  <component :is="navLayout"></component>
  <Nuxt :navLayout="navLayout = $event" />
</template>
Run Code Online (Sandbox Code Playgroud)
data() {
  return {
    navLayout: "default"
  };
},
Run Code Online (Sandbox Code Playgroud)

在我的页面的“子”组件中,例如。login.vue (/login) I$emit一个事件;

...
import nav2 from "@/layouts/nav2";
...
created() {
  this.$emit("navLayout", nav2);
},
Run Code Online (Sandbox Code Playgroud)

现在看来该<Nuxt>组件无法捕获该事件。我也尝试过调用一个<Nuxt @navLayout="test()" />方法。

我怎样才能避免this.$root.$emit(...);在我login.vue

this.$root.$on("navLayout", navLayout => {
  this.navLayout = navLayout;
});
Run Code Online (Sandbox Code Playgroud)

default.vue

dom-events vue.js nuxt.js

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

Postman显示base64图像作为测试结果

我正在尝试使用 Postman Test 功能可视化我在回复中收到的 base64 img。

我的JSON:

{
  ...,
  "result": {
    ...,
    "image": "data:image/jpeg;base64,/..."
  }
}
Run Code Online (Sandbox Code Playgroud)

我想做这样的事情:

let template = `
<img src='{{img}}'/>
`

pm.visualizer.set(template, { 
    img: pm.response.json().result.image
})

Run Code Online (Sandbox Code Playgroud)

如何image在标签内显示 base64/从 Postmanpm对象中检索它?

base64 postman

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