Extraneous non-props attributes (draggable) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

该警告信息通常出现在使用 Vue.js 开发时，当您将某些非 prop 属性传递给组件时，但是组件渲染的是片段或文本根节点时会出现。这是因为 Vue.js 在 2.4.0 版本中引入了一个新特性——组件的根节点可以是一个片段或文本节点。

解决该警告信息的方法有两种：

1. 如果您传递的属性确实是组件支持的 prop 属性，那么您可以将这些属性转移到一个包含在组件中的元素上，并使用 v-bind 将其绑定到组件上。例如：

   <template>
     <div class="my-component" v-bind="$attrs">
       ...
     </div>
   </template>

2. 如果您传递的属性不是组件支持的 prop 属性，那么您可以使用 v-bind="$attrs" 来将这些属性传递给父组件，例如：

   <my-component v-bind="$attrs"></my-component>

然后在父组件中使用 v-bind="$attrs" 将这些属性传递给子组件。

需要注意的是，第二种方法可能会将一些不必要的属性传递给子组件，因此应谨慎使用。

相关问题

控制台有个警告 Extraneous non-props attributes (on) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

这个警告是因为你在组件上传递了一个非props属性（`on`），但是组件渲染的根节点是一个文本节点或者片段节点，所以无法自动继承这个属性。

要解决这个警告，你可以尝试以下几种方法：

1. 确认是否真的需要将`on`属性传递给组件。如果不需要，可以忽略这个警告。
2. 如果确实需要将`on`属性传递给组件，并且希望组件能够使用这个属性，你可以将它定义为一个props属性，并在组件中接收和使用它。
3. 如果`on`属性是一个事件处理程序，你可以考虑使用Vue.js提供的事件监听机制来处理这个事件。例如，可以在组件内部使用`@click`指令绑定一个点击事件处理程序。

如果以上方法无法解决问题，请提供更多关于你的代码和警告信息的详细信息，以便我能够更好地帮助你解决问题。

Extraneous non-emits event listeners (addcancel, adddefine) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.

这个警告是在使用 Vue 组件时出现的。它表示在组件中传递了一些不应该被继承的事件监听器，因为组件渲染了片段或文本根节点。如果这个监听器只是作为组件自定义事件监听器使用，你可以通过 "emits" 选项来声明它。

"emits" 选项允许你声明组件所触发的自定义事件，在组件的选项中添加一个名为 "emits" 的属性，并将其设置为一个包含自定义事件名称的数组，如下所示：

emits: ['customEvent']

这样，在组件中使用 "customEvent" 作为事件名称时，就不会再出现该警告了。确保你只在组件内部使用这些自定义事件，而不是在父组件中监听它们。

希望能帮到你！如果还有其他问题，请随时提问。