zoukankan      html  css  js  c++  java
  • vue2.x中使用v-model进行父传子

    这是一个大坑

    在vue3.0项目里面是没有任何作用的

    使用v-model进行父传子,只能在在vue2.x项目中生效

    1.父组件,引用子组件 ,并使用v-model绑定数据

    父组件代码:

    <template>
      <div>
        <child v-model="obj" ></child>
      </div>
    </template>
    <script>
    import Child from './Child.vue'
     export default {
      name:'HelloWorld',
      components:{
        Child
      },
      data(){
        return {
         obj:{
           test:'test',
           test2:'test2'
         }
        }
      }
    }
    </script>

    2.子组件中,使用 props:['value'] ,(固定的,就这么写,只能是value,不能是其他单词)接收父组件数据,展示数据

    子组件代码:

    <template>
    <div>
      {{value}}
    </div>
    </template>
    <script>
    export default {
      name: "Children",
      props:['value'],
      data () {
        return {
        };
      }
    }
    </script>
    <style lang="css" scoped>
    </style>
  • 相关阅读:
    单页应用 SPA(Sigle Page Aolication)
    初学数据库
    AJAX与跨域
    面向对象
    event、Dom
    HTML DOM Event 对象
    JavaScript RegExp 对象
    UNITY常用插件
    数据分析师
    VBA工作表排序转载
  • 原文地址:https://www.cnblogs.com/luguankun/p/14244272.html
Copyright © 2011-2022 走看看