vuejs 發出不起作用，我正在嘗試更改布林值的值，但它不想發出更改
這是第一個組件：
<template>
<div id="reg">
<div id="modal">
<edu></edu>
</div>
<div :plus="plus" v-if="plus" @open="plus = !plus">
abc
</div>
</div>
<script>
import edu from './education/edu.vue'
export default {
components: {
edu
},
data() {
return {
plus: false
}
}
}
</script>
帶有發射的第二個組件
<template>
<div id="container">
<h2>Education</h2>
<form action="">
<input type="text" placeholder="preparatory/bachelor/engineering..">
<input type="text" placeholder="University..">
<input type="text" placeholder="Where?..">
<h6>Start date</h6>
<input type="date" value="2017-09-15" min="2017-09-15" max="2021-09-15">
<div >
<h6>End date</h6>
<div >
<h6>present</h6><input type="checkbox" name="" id="checkbox" @click="checked">
</div>
</div>
<input type="date" v-if="show" value="2017-09-15" min="2017-09-15">
<div >
<button @click="$emit('open')"><i ></i></button>
</div>
<div >
<button >next <i ></i></button>
</div>
</form>
</div>
劇本
<script>
export default {
props:{
plus: Boolean
},
data(){
return{
show: true,
}
},
我認為這是有效的，但似乎不是
uj5u.com熱心網友回復：
您應該使用組件名稱而不是 div 元素：
<edu :plus="plus" v-if="plus" @open="plus = !plus">
abc
</edu>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/395494.html
上一篇：Nuxtjs側邊欄路由