inheritAttrs: false和$attrs在Vue中的用途是什么？

文章/答案/技术大牛

发布

1回答

vue.js、vuejs2、vue-component

正如问题所暗示的那样，我无法理解它们的含义以及我为什么要使用它。据说，当我们有许多组件，并且我们想要将数据从父组件传递给子组件时，可以使用它，而不需要使用道具。这是真的吗？如果你能提供一个更简单的例子，那就更好了。Vue.js文档对此并未提及太多。

浏览 28提问于2019-05-20得票数 37

回答已采纳

2回答

在Vue 2中将事件从子组件轻松传递到父组件

javascript、vue.js

我有一个基本组件BaseInput.vue，它接受属性并发出事件。使用v-bind="$attrs"指令可以很容易地绑定所有属性。@blur="$emit('blur')" </label>export default {}; </script&g

浏览 10提问于2021-02-26得票数 0

回答已采纳

3回答

Vue JS非支柱属性和禁用属性继承

javascript、vue.js、vue-props

我已经阅读了5次以上的文档，我仍然无法理解禁用属性继承是用于什么，我也不理解给出的示例。<template> <Child :num="num"></Child></template> <script>但是，在禁

浏览 1提问于2020-04-30得票数 8

1回答

在VUE DEV工具中，道具始终显示为$attrs

vue.js、vue-component、vuex、vuejs3、vuejs-transition

在VUE DEV工具中，我的道具一直显示为$attrs，我曾尝试使用inheritAttrs: false enter image description here v-bind="$attrs“禁用attrs，但不起作用 // props return { }

浏览 4提问于2021-08-31得票数 0

3回答

如何在vue3组合api中获得道具

vuejs3

我尝试编写一个容器组件"A“来布局第三方组件"Tree"，为了使用A，我使用"inheritAttrs”来获取“Tree”的所有道具和事件： <Tree v-bind="$attrs" /><script lang="ts"> inheritAttrs: tr

浏览 8提问于2022-03-22得票数 12

回答已采纳

1回答

忽略未定义的道具

vue.js、vue-component

我将这样的对象传递到组件中： prop1: 1, prop3: 3<my-component :data="obj"></my-component> props: { prop2: Number当呈现组件时，根节点看起来像这样，未定义的支柱就像一个属性？！<

浏览 0提问于2019-09-18得票数 0

2回答

如何将v-on/v-绑定传递到组件

vue.js、vuejs2、vuetify.js

我正在使用Vuetify菜单和按钮组件。我试图将菜单和SomeFile.vue模板中的激活器槽中的吸引物传递到MyCustomButtonTemplate.vue文件中的v中，但我想不出怎么做。下面是一个简单的例子<v-menu offset-y> <template v-slot:activator="

浏览 11提问于2022-03-15得票数 1

回答已采纳

1回答

vue包装了另一个组件，传递道具和事件

javascript、vue.js、vue-component、wrapper

我如何编写组件来包装另一个vue组件，而我的包装器组件却获得了一些额外的支持？我的包装器模板组件应该是： <v-table></v-table> 和包装器道具： prop1: String,

浏览 2提问于2018-06-11得票数 21

回答已采纳

1回答

Vue 3.0中的事件处理更改？

typescript、vue.js、event-handling、vuejs3、vue-composition-api

我需要处理子组件中的事件；检查某个条件；如果为真，则将"submit“事件发回父组件，这样它的事件处理程序就会运行。下面的示例使用Vue.js 2.6.11激发父级事件处理程序(将"vue“替换为”@vue/复合-api“)。对于3.0.0-rc.5，它会触发两次。想知道这是一个有意的改变，一个bug，还是我。App.vue：#app .co

浏览 2提问于2020-08-10得票数 3

回答已采纳

2回答

我正在尝试创建一个BaseOverlay组件，它基本上将其内容传送到应用程序的某个特定区域。它工作得很好，除了在v-show中使用它时有问题.我认为，因为我的组件的根是一个Teleport，而v-show不能工作，因为Teleport是一个模板。我想我可以在内部内容上使用inheritAttrs: false和v-bind="$attrs" .这引发了Vue的警告，说Runtime directi

浏览 14提问于2022-04-16得票数 0

回答已采纳

1回答

如何在vue 3中使用v-bind=$attrs？

javascript、vue.js、vuejs2、vue-component、vuejs3

我正在将vue 2应用程序迁移到vue 3。在官方文档中，提到在Vue 3中删除了$listeners对象。事件侦听器现在是$attrs的一部分。它也采取非道具属性(类，风格)。在我的vue 2应用程序中，有一个图标按钮自定义组件，它如下所示。buttonToggle"> <vu-icon v-bind="iconP

浏览 7提问于2022-01-25得票数 6

3回答

如何将vue组件上的类和样式属性传递给不同的元素，如$attrs？

css、vue.js、vue-component

我有一个名为confirm-document的单一文件组件，如下所示： <v-dialog> title }}</v-btn>activator-class=

浏览 2提问于2021-02-23得票数 2

1回答

Vue 3:从吸引中排除通过属性

javascript、vue.js、vuejs3

以下是我的组件的简化版本<script setup>import MyInput from '.中 <div :class="attrs.class"> &l

浏览 3提问于2022-03-08得票数 2

回答已采纳

1回答

向Vue组件元素动态添加任意属性？

vue.js、attributes、vuejs2、components

我想创建一个组件，它可以具有组件在运行时不期望/不知道的来自Vue.data的任意属性(例如，data-xxx)。例如，这不起作用，但从概念上讲： template: `<input type="text" v-model="value" :name="//Used elsewhere in Vue app: <text-input

浏览 0提问于2018-06-12得票数 0

1回答

使用脚本设置和类型记录禁用属性继承/设置组件选项

typescript、vue.js、vue-component、vuejs3、vue-script-setup

在Vue 3中使用脚本设置语法和类型记录时，如何将组件的选项设置为app.component('date-picker', {})<script setup lang="ts"> // how can I set inheritAttr

浏览 17提问于2022-01-25得票数 1

1回答

如何在VueJS中将所有事件传递给父级

vue.js

过路道具包装器 <child-component v-bind="$attrs" /

浏览 2提问于2020-10-30得票数 3

回答已采纳

2回答

Vue JS单选按钮上带有v模型和v-bind="$attrs“值的支持错误

javascript、vue.js

在这个组件上，我有inheritAttrs: false，在元素本身上使用v-bind="$attrs"，这样我就可以使用v模型和值等等。但是，在选择单选按钮时，会抛出一个错误，说明螺旋桨值无效(因为它是一个事件，而不是字符串)，有趣的是，我注意到在初始呈现时，Vue Devtools中的值支柱是空的。问题的示例项目： FormMain.<e

浏览 1提问于2019-05-01得票数 1

回答已采纳

2回答

如何将所有属性动态传递给子组件

vuejs2

作为一个例子，考虑一个案例：<template> <third-party-component我如何使用我的-wrapper，无论我传递给它的是什么道具，它都会被转移到第三方组件，比如 <my-wrapper :value="myVal" :disabled="field.isDisabled"

浏览 0提问于2018-06-22得票数 4

1回答

Vue TSX -如何告诉Typescript允许在可重用组件中使用HTML属性？

typescript、vue.js、jsx、tsx

假设我有这样的输入组件： setup(props, { attrs }) { <div><input type="text" {...at

浏览 1提问于2021-03-18得票数 5

1回答

如何删除vue非支持组件实例？

javascript、vue.js、vue-component

我们可以删除/删除Vue不小心呈现的非支持组件实例吗？我尝试过使用inheritAttrs: false (但不包括在组件道具和发布属性中)，或者使用deleteThisComponent(idx{this.idx.splice(this.idx.indexOf我需要删除它们，因为它不应该在那里，在我的例子中，它应该只是带有呈现的道具的组件实例。请参阅下面的Vue

浏览 4提问于2021-08-25得票数 1

回答已采纳

点击加载更多