vue 子组件绑定多个Model .sync使用

最新推荐文章于 2023-04-03 11:31:01 发布

码农竟在我身边

最新推荐文章于 2023-04-03 11:31:01 发布

阅读量612

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/apanpan8126/article/details/115290176

版权

本文详细探讨了在Vue中如何在子组件上使用.sync修饰符绑定多个Model，通过实例解析了父子组件间的数据传递过程，帮助开发者更好地理解和运用Vue的组件通信机制。

摘要由CSDN通过智能技术生成

父组件

 <el-city-info :provinces_id="provinces_id" :city_id="city_id" 
        :form.sync="form" :options="options" :id="id"
 ></el-city-info>

// An highlighted block
data(){
   
            return{
   
                options:[
                    {
   },
                    {
   },
                    {
   }
                ],
                form:{
   
                    provinces_id:'',
                    city_id:'',
                    region_id:'',
                },
                provinces_id:{
   $info.provinces_id|default=0},
                city_id:{
   $info.city_id|default=0},
                region_id:{
   $info.region_id|default=0},
                id:{
   $info.tenants_id|default=0},
            }
        },

子组件

<script>
    Vue.component('el-city-info', {
   
        data: function () {
   
            return {
   }
        },
        methods: {
   
            gettype($id, $type) {
   
                if ((this.id && !$id)) {
   
                    axios.post