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

╰+攻爆jí腚メ 2023-10-15 15:59 73阅读 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 条评论，73人围观）

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

相关阅读

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

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

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

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

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

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

相关 uniapp 解决暴力点击触发事件

1.先创建一个文件交common文件在文件下面创建一个common.js文件内容如下 // 处理多次点击方法 function dianji(fn) {

Love The Way You Lie/ 2023年02月25日 07:24/ 0 赞/ 55 阅读

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

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

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

相关 onclick点击事件

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

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

相关 JavaScript 点击事件

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

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

相关点击事件

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

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

相关 Vue点击事件

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

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

相关 selenium点击事件

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

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

相关 uniapp地图-点击添加标记点

前言：这篇文章讲述的是map标签的@tap点击地图事件;添加的标记点都是保存在markers数组里面,点击地图就会获取点击的位置的经纬度，然后在point里面追加了iconPa

迈不过友情╰/ 2021年08月19日 13:27/ 0 赞/ 3259 阅读