v-validate files.every is not a function - vue.js

i use bootstrap-vue and v-validate in vuejs, When I want to use validation in a input file, I get the following error:
[Vue warn]: Error in event handler for "input": "TypeError: files.every is not a function"
code:
<b-form-file
id="attachment"
name="attachment"
accept="application/zip,image/x-png,image/jpeg"
v-validate="'ext:zip,png,jpeg,jpg|size:10240'">
</b-form-file>

Related

Vue router return an error in mounted hook

I have an error with Vue-Router, when click to the route-link component wasn't loaded.
[Vue warn]: Error in mounted hook (Promise/async): "TypeError: Cannot read properties of >undefined (reading 'id')"
found in
at assets/organisms/manage/ManageWorkFlowOverview.vue
Do you have an idea of the origin of the problem ?
Thanks in advance.
Best regards,
Jérémy

Invalid prop: type check failed for prop "items". Expected Array, got Object

I got this error on my console
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "items". Expected Array, got Object
How do I know what line of code caused this ?

cannot read property 'data' undefined

I am trying to get ag-grid row data for editing in a modal window.
during render vue throughs the bellow error.
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'data' of undefined"
my code. This is the mounted method.
mounted() {
this.leadsData = JSON.parse(JSON.stringify(this.params.data))
},
this.params must be a variable present in the data function,
otherwise, if you look for a property in the url you can use
this.$route.params.data or this.$route.query.data

Vue.js render error with Firestore and vuefire

I have a problem in my Vue.js application
Indeed, my component is working properly, however I have errors in the console because it seems to me that the component is rendered several times during its life cycle, and the first time, when it is rendered, it does not find not my races variable at the time of the display because the method db.collection ('courses') has not yet run. How to do?
thank you
My code on JsFiddle:
firestore() { }
https://jsfiddle.net/gf9qhsjr/1/
The Error :
vue.esm.js?efeb:591 [Vue warn]: Error in render: "TypeError: Cannot
read property 'title' of undefined"

reverse array issue in VueJs

i get conversations message via facebook graph api and i need to reverse data.
in computed reverseChat function i try return this.chat.data works but not reverse() when i try JSON.parse(this.chat).data.reverse() or this.chat.data.reverse() error showing.
console show error
[Vue warn]: Error when rendering anonymous component at C:\Users\PEM\Desktop\src\components\Chat.vue:
SyntaxError: Unexpected end of JSON input
at json.parse (<anonymous>)
at Proxy.render (eval at <anonymous> (app.js:2430), <anonymous>:123:85)
at VueComponent.Vue._render (ever at <anonymous> (app.js:606), <anonymous>:2464:21)
...
sample code in jsfiddle
https://jsfiddle.net/pqrf2vu4/
JSON.parse(this.chat).data.reverse()
works. See Jsfiddle