uni-app 之 v-on:click点击事件

╰+攻爆jí腚メ 2023-10-15 15:59 32阅读 0赞

uni-app 之 v-on:click点击事件

![format_png][]

image.png

<template>
        
        <view>
            --- v-on:click点击事件 ---
            <view v-on:click="onclick">{
       {title}}</view>
            --- 点击事件简写 @click ---
            <view @click="onclicknum">数字：{
       {num}}</view>
        </view>
    </template>
    
    <script>
        export default {
            data() {
                return {
                    title: "事件1",
                    num: 1
                }
            },
            methods: {
                // vue3里可以直接省略this. vue2则不可以
                onclick: function() {
                    this.title = "事件点击后变化"
                },
                
                // 简写，直接省略: function
                // onclicknum() {
                //  this.num++
                // },
                onclicknum: function() {
                    this.num++
                }
                
            }
        }
    </script>
    
    <style lang="scss">
    </style>

[format_png]: https://img-blog.csdnimg.cn/img_convert/ca6030d1fbbd48748685d52527dc0d9c.webp?x-oss-process=image/format,png

发表评论取消回复

表情：

评论列表（有 0 条评论，32人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery点击事件(jquery触发点击事件onclick)

jquery实现远程http的get请求用哪个事件？jquery ![jquery点击事件][jquery] jquery实现远程http的get请求用哪个事件？jq

系统管理员/ 2023年09月26日 15:01/ 0 赞/ 208 阅读

相关 js点击事件(Js点击事件冲突怎么办)

JS点击onclick事件这个是闭包的问题 for (var i = 12; i <= 16; i++) \{ (function(i)\{ 第12个点击事

末蓝、/ 2023年09月26日 14:47/ 0 赞/ 207 阅读

相关 uniapp: 防止按钮多次点击多次触发事件

[https://www.jianshu.com/p/94fccdd072c5][https_www.jianshu.com_p_94fccdd072c5] 1、在根目录下

墨蓝/ 2023年01月23日 13:49/ 0 赞/ 46 阅读

相关 onclick点击事件

一、点击事件代码如下（示例）： <!DOCTYPE html> <html lang="en"> <head> <meta c

分手后的思念是犯贱/ 2022年11月21日 11:39/ 0 赞/ 302 阅读

相关阻止点击事件

使用css样式阻止元素的点击事件 `.el{ pointer-events:none; }` 转载于:https://www.cnblogs.com/yinshiru/p

野性酷女/ 2022年10月02日 14:58/ 0 赞/ 241 阅读

相关 JavaScript 点击事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>点

逃离我推掉我的手/ 2022年07月13日 05:51/ 0 赞/ 308 阅读

相关点击事件

javascript教程 function displayDate()\{ document.getElementById("demo").inner

朴灿烈づ我的快乐病毒、/ 2022年06月08日 02:07/ 0 赞/ 368 阅读

相关 Vue点击事件

1.点击事件 <div v-on:click=openTab(item); class="message-item message-unread" v-for="

ゞ浴缸里的玫瑰/ 2022年05月19日 00:22/ 0 赞/ 369 阅读

相关 selenium点击事件

1、选择页面元素 By classElement = By.className("元素类样式名"); 或 By idElement = By.id("元素

墨蓝/ 2022年05月14日 05:22/ 0 赞/ 394 阅读

相关 angularJs 点击事件

ng-click="lookDetail(\{ \{role.id\}\});" 点击事件会无效不用插值表达式，直接取 ng-click="lookDetail(rol

一时失言乱红尘/ 2022年05月13日 13:56/ 0 赞/ 292 阅读