主页 / 问题 / 974942
Accepted
MoloF
Asked:2020-04-25 23:52:53 +0000 UTC2020-04-25 23:52:53 +0000 UTC

Vue.js | 从npm（节点模块）重新定义安装包中嵌入的功能

  • 772

从 npm 安装一些现成的包，有一个愿望是覆盖其中包含的值，例如，有一个包 - @alfsnd/vue-bootstrap-select

在选择中启用搜索时

<v-select :searchable="true" />

一个输入似乎根据输入的数据对元素进行排序，实际问题是这个输入中的占位符包含英文字母（搜索），我想将它翻译成俄语或只是设置我自己的一些属性。

如何在不触及 node_modules 文件夹的情况下覆盖包本身的值（因为根本不建议在那里更改任何内容）。

当然，也可以选择更改包本身的值，但是在node_modules文件夹中可以不这样做，以免破坏原包的完整性吗？

一路上：

/node_modules/@alfsnd/vue-bootstrap-select/src/vue-bootstrap-select.vue

它包含更改所需的组件，它有一行：

props: {
    labelSearchPlaceholder: {
        type: String,
        default: "Search"
    },
},

如何在连接包的组件中将此变量更改为我自己的

从“@alfsnd/vue-bootstrap-select”导入 VSelect

我将简要地重复这个问题：

  • 如何覆盖通过 npm 安装的包中设置的值？
vue.js

1 个回答

  1. Best Answer

    该字段props指定可以从外部设置的组件的可能属性。正如您在示例中看到的

    labelSearchPlaceholder: {
    type: String,
    default: "Search"
},

    指定属性的类型及其默认值。

    要指定您的值，只需像其他任何属性一样通过属性传递它就足够了，例如：

    <v-select :searchable="true" :labelSearchPlaceholder="fieldWithCustomSeacrh"/>
<v-select :searchable="true" labelSearchPlaceholder="custom seacrh string"/>

    工作示例

    • 2

相关问题