网站流量钱是谁给的,上传 wordpress,网页链接成整体通过网站,南昌做网站的流程前些天发现了一个巨牛的人工智能学习网站#xff0c;通俗易懂#xff0c;风趣幽默#xff0c;忍不住分享一下给大家。点击跳转到教程。
我们都知道通过$ref可以获取到某个DOM#xff0c;但是它也可以用来获取子组件的实例#xff0c;调用子组件的方法
例#xff1a; 子…前些天发现了一个巨牛的人工智能学习网站通俗易懂风趣幽默忍不住分享一下给大家。点击跳转到教程。
我们都知道通过$ref可以获取到某个DOM但是它也可以用来获取子组件的实例调用子组件的方法
例 子组件
templatediv/div
/templatescriptexport default {methods:{childMethod(flag) {console.log(flag)}},created(){}}
/script 父组件 在子组件中加上ref即可通过this.$refs.ref.method调用
templatediv clickparentMethodchildren refchild1/children/div
/templatescriptimport children from components/children/children.vueexport default {data(){return {flag: true}},components: { children: children},methods:{parentMethod() {console.log(this.$refs.child1) //返回的是一个vue对象所以可以直接调用其方法this.$refs.child1.childMethod(this.flag); }}}
/script 例子兄弟组件间传递DOM数据调用函数 写一个兄弟组件之间传递数据父组件调用方法的案例 第一个子组件cartcont发射数据
this.$emit(cartadd, event.target);
父组件接收数据并将数据通过调用另一个子组件shopcart 的方法传递给另一个子组件shopcart
v-cartcont :foodfood cartadd_drop/v-cartcont
v-shopcart refshopcart/v-shopcart_drop(target){console.log(父组件接收数据)this.$refs.shopcart.drop(target);
} shopcart子组件的方法
drop(el){console.log(调用另一个子组件的方法)console.log(el)
} --------------------- 转自https://blog.csdn.net/qq_34664239/article/details/80386153
