taohuaya

在父组件内可以定义方法,变量 等,还可以在父组件中使用呢。

样式可以在子组件里写,也可以在父组件写。

子组件:

<template>
    <div class="admin-user-layout">
        bujubububububuubub
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: "AdminUserLayout"
    }
</script>

<style scoped lang="stylus">
    .testtest
        color: red
</style>

父组件中使用:

<template>
    <div class="admin-user-detail">
        <!--测试-->
        <AdminUserLayout>
            <div @click="handleAmend" class="testtest">点击点击</div>
            <input type="text" v-model="testmodel">
        </AdminUserLayout>

    </div>
</template>

<script>

    import BtnGoupBottom from "../components/basic/BtnGroupBottom"
    import AdminUserLayout from "../components/basic/AdminUserLayout"
    export default {
        name: "AdminUserDetail",
        components:{
            AdminUserLayout
        },
        data(){
            return{
                detailData: {},
                testmodel: \'\'
            }
        },
        /*
        watch: {
            testmodel: function (val, oldVal) {
                console.log(val);
            }
        },
        */
        methods: {
           
            //修改
            handleAmend(){
                console.log(\'修改\');
            }
        }
        

    }
</script>

<style scoped lang="stylus">



</style>

 

分类:

技术点:

相关文章:

  • 2021-04-23
  • 2021-05-31
  • 2021-10-03
  • 2021-08-28
  • 2021-11-27
  • 2021-11-30
  • 2021-04-12
  • 2021-12-02
猜你喜欢
  • 2021-07-19
  • 2021-08-07
  • 2021-12-03
  • 2020-02-17
  • 2022-01-20
  • 2021-06-29
相关资源
相似解决方案