vue.runtime.esm.js:3049 DOMException: Failed to execute 'setAttribute' on 'Element': '}}' is not a valid attribute name.

这个错误通常发生在使用 Vue.js 的模板语法时，引号未正确配对或者在属性名中使用了无效的字符。在 Vue.js 的模板中，双花括号 `{{ }}` 用于绑定数据，而不是用于元素的属性名。

请检查你的代码，确保在模板中正确使用了双花括号，并且避免在元素的属性名中使用无效的字符。另外，还要确保所有的引号都正确闭合。

如果你可以提供更多的代码或上下文，我可以帮助你更具体地解决这个问题。

相关问题

Error: please transfer a valid prop path to form item! at getPropByPath (util.js:80:1) at VueComponent.fieldValue (form-item.js:607:1) at Watcher.get (vue.runtime.esm.js:3446:1) at Watcher.evaluate (vue.runtime.esm.js:3547:1) at VueComponent.computedGetter [as fieldValue] (vue.runtime.esm.js:5537:1) at VueComponent.mounted (form-item.js:769:1) at invokeWithErrorHandling (vue.runtime.esm.js:3017:1) at callHook$1 (vue.runtime.esm.js:4031:1) at Object.insert (vue.runtime.esm.js:4423:1) at invokeInsertHook (vue.runtime.esm.js:6942:1)

这个错误通常是由于在使用 Element UI 的 Form 组件时，给某个 FormItem 组件的 prop 属性传递了一个不存在的字段名导致的。请确保您在传递 prop 属性时使用了正确的字段名，并且该字段确实存在于您的数据中。您可以检查一下代码中哪个 FormItem 组件的 prop 属性传递有误，并确保传递的字段名是正确的。另外，也可以检查一下该组件的数据是否正确初始化。

[Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got Object found in ---> <ElTable> at packages/table/src/table.vue <Index> at src/views/students/index.vue <AppMain> at src/layout/components/AppMain.vue <Layout> at src/layout/index.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js?2b0e:619 assertProp @ vue.runtime.esm.js?2b0e:1705 validateProp @ vue.runtime.esm.js?2b0e:1632 updateChildComponent @ vue.runtime.esm.js?2b0e:4141 prepatch @ vue.runtime.esm.js?2b0e:3125 patchVnode @ vue.runtime.esm.js?2b0e:6302 updateChildren @ vue.runtime.esm.js?2b0e:6187 patchVnode @ vue.runtime.esm.js?2b0e:6313 patch @ vue.runtime.esm.js?2b0e:6476 Vue._update @ vue.runtime.esm.js?2b0e:3942 updateComponent @ vue.runtime.esm.js?2b0e:4060 get @ vue.runtime.esm.js?2b0e:4473 run @ vue.runtime.esm.js?2b0e:4548 flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4304 eval @ vue.runtime.esm.js?2b0e:1980 flushCallbacks @ vue.runtime.esm.js?2b0e:1906 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in callback for watcher "data": "TypeError: data.indexOf is not a function" found in ---> <ElTable> at packages/table/src/table.vue <Index> at src/views/students/index.vue <AppMain> at src/layout/components/AppMain.vue <Layout> at src/layout/index.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js?2b0e:619 logError @ vue.runtime.esm.js?2b0e:1884 globalHandleError @ vue.runtime.esm.js?2b0e:1879 handleError @ vue.runtime.esm.js?2b0e:1839 run @ vue.runtime.esm.js?2b0e:4564 flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4304 eval @ vue.runtime.esm.js?2b0e:1980 flushCallbacks @ vue.runtime.esm.js?2b0e:1906 vue.runtime.esm.js?2b0e:1888 TypeError: data.indexOf is not a function at VueComponent.updateCurrentRowData (webpack-internal:///./node_modules/element-ui/lib/element-ui.common.js:10406) at VueComponent.setData (webpack-internal:///./node_modules/element-ui/lib/element-ui.common.js:11086) at VueComponent.module.exports.watcher.commit (webpack-internal:///./node_modules/element-ui/lib/element-ui.common.js:11216) at VueComponent.handler (webpack-internal:///./node_modules/element-ui/lib/element-ui.common.js:13878) at Watcher.run (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4556) at flushSchedulerQueue (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4298) at Array.eval (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1979) at flushCallbacks (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1905)

这个错误提示是因为你在使用 Element UI 的表格组件 ElTable 时，传入的属性 data 的类型应该是数组，但实际传入的是对象，导致类型检查失败。另外，错误中还有一段信息是监听器 watcher 报错了，具体原因可能是在更新当前行数据时，使用了一个不支持 indexOf 方法的数据类型，导致报错。你可以检查一下代码中涉及到 data 变量的部分，看看是否存在类型错误或者数据类型不一致的情况。