旅游门户网站系统,电商网站开发数据库设计,河南seo网站多少钱,宁波高等级公路建设指挥部网站自定义参数就是可以在触发事件的时候传入自定义的值。
文本框#xff0c;绑定了一个按钮事件#xff0c;对应的逻辑是sayhi#xff0c;现在无论按下什么按钮都会触发这个sayhi。但是实际上不是所有的按钮都会触发#xff0c;只会限定某一些按钮#xff0c;最常见的按钮就…自定义参数就是可以在触发事件的时候传入自定义的值。
文本框绑定了一个按钮事件对应的逻辑是sayhi现在无论按下什么按钮都会触发这个sayhi。但是实际上不是所有的按钮都会触发只会限定某一些按钮最常见的按钮就是回车键。
之前跳过js jquery需要通过事件参数来判定触发的按钮是什么才可以限制触发的时机但是在vue里面直接使用事件修饰符就行了。语法是点后面跟上修饰符.enter就代表只要在回车键的时候才会触发这个逻辑。 限制触发的按键是回车键使用事件修饰符相对于之前需要结合事件参数来判断按下的按键现在一个点就搞定了这样更加灵活方便。
事件修饰符有很多跟上不同的单词就行了。
!DOCTYPE html
html
headmeta charsetUTF-8title首页/titlelink href typetext/css relstylesheet/script srchttps://unpkg.com/vue3/scriptstyle typetext/css/style
/headbody div idvuebutton typebutton clickbtn(666,lucas,[1,2,3]) 按钮/buttoninput typetext keyup.entersayhi()/divscript typetext/javascriptconst HelloVueApp {data(){return{counter: 0}},methods:{btn(p1,p2,p3){console.log(p1,p2,p3)},sayhi(){alert(吃了吗)}}} //挂载到html当中Vue.createApp(HelloVueApp).mount(#vue)/script/body/html
