vuejs绑定函数的方法:1、使用“”的形式来绑定;2、使用“”的形式来绑定。

本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。
vuejs中的事件绑定,使用来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法.
事件绑定的方式
(1) 内联直接把js写在标签上调用方法
立即学习“前端免费学习笔记(深入)”;
网奇.NET网络商城系统是基于.Net平台开发的免费商城系统。功能强大,操作方便,设置简便。无需任何设置,上传到支持asp.net的主机空间即可使用。系统特色功能:1、同时支持Access和SqlServer数据库;2、支持多语言、多模板3、可定制缺货处理功能4、支持附件销售功能5、支持会员组批发功能6、提供页面设计API函数7、支持预付款功能8、配送价格分地区按数学公式计算9、商品支持多类别,可
(2)调用methods里定义的方法
export default {
data () {
return {
msg: '你好vue',
list:[]
}
},
methods:{
run:function(){
alert('这是一个方法');
}
}
}方法传参,方法直接在调用时在方法内传入参数
deleteData(val){
alert(val);
},传入事件对象
eventFn(e){
console.log(e);
// e.srcElement dom节点
e.srcElement.style.background='red';
console.log(e.srcElement.dataset.aid); /*获取自定义属性的值*/
}相关推荐:《vue.js教程》









