首页 > TAG信息列表 > ParentValue
element的Cascader 级联选择器的使用及回显
element的Cascader 级联选择器的使用及回显 element-ui组件库的Cascader 级联选择器,vue项目中经常能用到的一个组件,这次使用的是父子节点不相互关联,也就是可选择到任意一个节点,不需要强制选择到最末的一个节点,真香o( ̄▽ ̄)ブ 在使用时候简单讲述下遇到的困难,总感觉自己老遇vue3.2 script setup 父子组件传值
父组件代码 <!-- 父组件代码 --> <template> <div id="nav"> <AboutVue :value="parentValue" @add="onParentClick" /> <br /> <button @click.stop="onParentClick()">父组件按钮</buttonVue provide/inject 使用
父组件定义: <script> export default { // 父组件通过provide将自己的数据以对象形式传出去 provide(){ return { parentValue:"我是父组件的值啊" } } }; </script> 子孙组件接受方式: <script> export default { // inject:["parentValue"], // 使Vue中provide和inject 用法
1.概念 成对出现:provide和inject是成对出现的 作用:用于父组件向子孙组件传递数据 使用方法:provide在父组件中返回要传给下级的数据,inject在需要使用这个数据的子辈组件或者孙辈等下级组件中注入数据。 使用场景:由于vue有$parent属性可以让子组件访问父组件vue3.0父传子,父传孙,子传孙,孙传父,孙传子的传值
1.父组件 <template> <div class="Parent" ref="Parent"> <el-button @click="Responsive">父组件执行方法</el-button> <Subcomponents></Subcomponents> </div> </template> <script