vue父级调用子函数,vue调用自定义组件函数

news/2024/7/10 0:45:25 标签: vue

1.html部分

<div id="test">
	<my-component ref="childFunction"></my-component>
</div>

2.自定义组件

Vue.component('my-component',{
	templata:`<button>你好!</button>`,
	methods:{
		child:function(){
			alert('我是自定义组件中的函数')
		}
	}
});

3.new一个Vue

myVue=new Vue({
	el:'#test',
	methods:{
		father:function(){
			this.$refs.childFunction.child();
		}
	}
})

http://www.niftyadmin.cn/n/797529.html

相关文章

[BZOJ3380] [Usaco2004 Open]Cave Cows 1 洞穴里的牛之一

Description 很少人知道其实奶牛非常喜欢到洞穴里面去探险。洞窟里有N(1≤N≤100)个洞室&#xff0c;由M(1≤M≤1000)条双向通道连接着它们&#xff0e;每对洞室间至多只有一条双向通道&#xff0e;有K(1≤K≤14)个洞室&#xff0c;里面放有1捆干草&#xff0e;牛吃1捆干草&…

组态王中时间存access怎么存_组态王数据保存

功能介绍工业自动化技术发布交流文章介绍如何将组态王的数据存入access数据库中。1、首先创建一个access数据库&#xff0c;命名为组态王.mdb&#xff0c;mdb文件是老版本的access数据库文件&#xff0c;如果使用的是新版本数据库&#xff0c;可以选择另存为mdb文件。2、创建表…

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “currentPage” 避免直接改变一个道具&#xff0c;因为当父组…

pythonexe设置_如何关闭python.exe

1. sys.exit()执行该语句会直接退出程序&#xff0c;这也是经常使用的方法&#xff0c;也不需要考虑平台等因素的影响&#xff0c;一般是退出Python程序的首选方法。该方法中包含一个参数status&#xff0c;默认为0&#xff0c;表示正常退出&#xff0c;也可以为1&#xff0c;表…

解题:SHOI 2012 回家的路

题面 完了&#xff0c;做的时候已经想不起来分层图这个东西了QAQ 对于这种“多种”路径加中转站的题&#xff0c;还有那种有若干次“特殊能力”的题&#xff0c;都可以考虑用分层图来做 显然只需要记录所有的中转站起点终点&#xff0c;然后拆出横竖两层&#xff0c;一层的点之…

vue自定义组件调用父函数,vue自定义组件修改父组件的值,vue自定组件调用父级的值

1.在自定义组件中调用父组件的函数 Vue.component(my-componnet,{template:<div click"getF">{{]}</div>,methods:{getF:function(){this.$root.f();//父函数debuggerthis.$root.fVal;//父级data中的值this.$root.fVal999;//修改父级data中的值 } } });…

过渡效果_Adobe Premiere:处理过渡

1、关于过渡您将在“效果”面板中找到过渡效果。音频和视频都有过渡。您可以单击“视频”或“音频”过渡左侧的三角形以查看可用的过渡。我们单击了视频转换。2、有关过渡的须知在我们进行更多过渡之前&#xff0c;您需要了解一些事项。1.剪切是没有过渡效果的过渡&#xff0c;…

页面整体等比例缩小,页面缩小,页面放大,页面缩放

1.当我们需要对一个页面进行等比例的缩小活着放大时,修改px显然不能达到我们的要求,那么我们可以这样做 transform-origin: 0px 0px;//在使用transform方法进行文字或图像的变形时&#xff0c;是以元素的中心点为基准点进行的。使用transform-origin属性&#xff0c;可以改变变…