vue has the following error passing values from parent component to child component
how to solve the problem? I hope some great god can give me some advice
.
vue has the following error passing values from parent component to child component
how to solve the problem? I hope some great god can give me some advice
. from the error message, the value value passed by the parent component to the child component is an array, while the child component defines that value is a string or numeric type, and the type check of prop fails.
if the value you need is a string or numeric type, the value passed by the parent component to the child component should be changed to a string or numeric type, not the array type; if you do need to pass an array, remove the type check of value .
is of the wrong type. Expect String/Number, to get Array
the description of the second floor is very accurate. Let me describe it in code:
// home.vue
<menu-footer :value=value></menu-footer>
data () {
return {
value: 0, //menuFooter.vuevalueNumber,Number(: value:'a')
}
}// menuFooter.vue
<template>
<div>{{value}}</div>
</template>
props: {
value: {
type: Number,
default: 0
}
}the parent delivery type does not match the child receive
the child component specifies the receive type, and the parent component passes the value type incorrectly
Previous: What is the automatic locking strategy for InnoDB and Myisam in MySQL?
Next: ElementUI's API only provides input parameters, who knows what that means?
wrote an H5 page. According to the official description of Wechat jssdk, it is found that the shared icons and descriptions are invalid. the code is like this ....
as shown in the red box of the second picture, is there any recommendation for this plug-in? Thank you. the screenshot is uploaded, so let s just look at it. nothing can be found in vueawesome. ...
<template> <div style="height: 100%;"> <mt-header title=""> <mt-button icon="back" slot="left" v-tap="{methods: switchView, view: Post }">< mt-button> &l...
<el-select @change="orgChange" v-model="sectionNameOpt" filterable placeholder=""> <el-option v-for="item in sectionNameOpts" :key="item.index" :label="item.orgN...
Icon shows the red part. Choose how to write the effect in css ....
when js-sdk is introduced into the page, a jump to Wechat occurs when you get the authorization of Wechat login, and then when you jump back, the font-size of the html tag in the html file will be set twice and lead to page confusion. Have you ever encou...
A field in the background is a few lines of text with a p label, which needs to be rendered directly through {{}} or v-text, and the p tag is directly displayed as a result. How to solve this problem? ...
I used Wechat developer tool to debug the official account of the web page, but suddenly the page did not display, there was nothing in div-sharpapp, there were all those routes, and other colleagues could run this project, but I couldn t. It was a blan...
recently read the front-end https: www.w3cplus.com mobil. this article, feel very troublesome, why not learn Android ...
has someone written a WeChat web page similar to ele.me? now one function is to achieve the same function as ele.me app. The left menu of hot items and the following categories share a common item. Whether you click on popular items or click on the items...
you guys really want to achieve this requirement. Every time I click the button to add a component, the component will be indented into the 15px or so. How to achieve this? ...
when I was creating the exam. The start time can be earlier or later than the current time, but if the start time is later than the end time, I should prompt "the start time cannot be later than the end time ". If the start time is earlier than the curr...
including all the pictures on the page have been loaded ...
I don t know what went wrong. The route will not jump after clicking but the path jumps from http: localhost:8080 -sharp to http: localhost:8080 -sharp userinfo the content of the display is blank, and there is something written in it. router...
text suddenly becomes larger when there is too much content. normal effect: : : style: <style lang= scss module> .about_con { padding: 0 20px; .content { margin-bottom:20px; p { font-size: 30px; } .title{ f...
recent applications use scocket.io applications do not use vue-cli use vue.js files directly. can t find a solution after searching for a long time ...
is there any other alternative ...
Hello, seniors: I Xiaobai, in the process of developing the test paper module, the test paper editing page has been written, and Vue is used to achieve two-way data binding. now we need to develop a test paper preview module, how to achieve the reus...
after my page loads, there will be a sort number. when I double-click the current row, the sort number will become editable and will be saved after losing focus. what do I do? I can get the id, of the current line, but how to edit the current line....
choose more than one picture, how to get its address, because after selecting I want to take it to cut, now I can only get its name, how can I get its address ...