vue2里面ref的具体使用方法
发布时间:2020-12-17 02:44:45 所属栏目:百科 来源:网络整理
导读:本文介绍了vue2里面ref的具体使用方法,分享给大家,具体如下。 1、我们先定义两个组件 html部分 js部分 {{navs}} ',data:function () { return { navs:1 } } }); Vue.component('pagefooter',{ template:' {{footer}} ',data:function () { return { footer
本文介绍了vue2里面ref的具体使用方法,分享给大家,具体如下。 1、我们先定义两个组件html部分 js部分 {{navs}} ',data:function () {
return {
navs:1
}
}
});
Vue.component('pagefooter',{
template:'{{footer}} ',data:function () {
return {
footer:11
}
}
});
这里怎么直接访问navbar的navs和pagefooter的footer值呢?这就用到ref了 2、ref的使用修改组件
}) 如果仅仅用到一个普通标签上 他的作用和: 的作用一样 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |