Javascript Vue.js应用基于Prop的值在复选框上选中

解释

我和Laravel一起运行Vue.js，目前只在小组件上使用它。我有一个复选框，我需要根据道具的值将属性“checked”设置为true或false。加载组件时，Laravel正在设置道具

加载页面时，应根据道具的值选中复选框。因此，如果道具设置为false，则不应选中该复选框，如果为true，则需要选中该复选框

我认为Laravel应该通过一个道具设置值，然后我应该通过绑定

：checked

到该道具值来控制该值，对吗

view.blade.php

PublicToggle.vue

公开的
从“sweetalert2”导入Swal
const Toast=Swal.mixin({
吐司：是的，
位置：'顶端'，
showconfixton:false，
计时器：3000
})
导出默认值{
数据（）{
返回{
//状态：“”，
}
},
方法：{
updatePublicStatus:函数（）{
if（this.status==true）{
烤面包，火({
键入：“成功”，
标题：“公众”
})
}否则{
烤面包，火({
键入：“成功”，
标题：“私人”
})
}
}
}
}

---

如果有人能帮我解决这个问题，我将非常感激

我会尝试以下方法，在拉威尔（刀片）部分：

记住CamelCase问题，如果刀片变量类似于VueJs组件中的“yourVar”，那么它将是“yourVar”

---

希望有帮助

道具是否仅用于传递初始值？可以这样做，但通常道具最好保持当前值。关键区别在于选中/取消选中复选框时会发生什么。

PublicToggle

是否应将更改视为内部状态，还是应通知父组件以便传递新的道具值？@Matt当您单击复选框时，您是否在控制台中未看到错误？@skille我实际收到两个<代码>数据属性“状态”已声明为道具。改用道具默认值。和

避免直接改变道具，因为每当父组件重新渲染时，该值将被覆盖。相反，使用基于道具值的数据或计算属性。道具正在变异：“状态”

-我不完全确定如何获得所需的结果。

<public-toggle :status="{{$status}}"></public-toggle>

data(){
// your data
},
props: ['status'],