帖子
帖子
用户
博客
课程
12下一页
返回列表 发新帖
显示全部楼层
7
帖子
0
勋章
75
Y币

[问题求助] 代码没问题情况下,点击事件弹出报错

[复制链接]
发表于 2024-4-18 16:33:13
6620da67ddf3d.png
6620da9846a0a.png
6620dac296803.png
你代码是不是写错了

<text onclick="doThis">Click me!</text>
使用 v-on 指令以及缩写方式监听:

<text v-on:click="doThis">Click me!</text>
<text @click="doThis">Click me!</text>
7
帖子
0
勋章
75
Y币
本帖最后由 BIP217759 于 2024-4-18 16:45 编辑
chyd④④⑤⑤②⑦⑧⑤② · 2024-4-18 16:37你代码是不是写错了

Click me!
6620ddb7a5be3.png
6620dd991953f.png
7
帖子
0
勋章
75
Y币
chyd④④⑤⑤②⑦⑧⑤② · 2024-4-18 16:37你代码是不是写错了

Click me!

6620ddd68c908.png
6620dddece515.png
7
帖子
0
勋章
75
Y币
chyd④④⑤⑤②⑦⑧⑤② · 2024-4-18 16:37你代码是不是写错了

Click me!

在header组件上绑定了ontext事件
7
帖子
0
勋章
75
Y币
chyd④④⑤⑤②⑦⑧⑤② · 2024-4-18 16:37你代码是不是写错了

Click me!

<template>
        <safe-area class="nav-bar" :style="{background: this.props.bgColor || '#fff'}">
                <safe-area v-if="this.props.isShowBack" @click="back" class="nav-bar-back">
                        <img :src="this.props.backImg || '../../image/back.png' " alt="back" class="nav-bar-back-icon" />
                </safe-area>
                <text class="nav-bar-title" :style="{color: this.props.textColor || '#242833'}">{title}</text>
                <safe-area class="nav-bar-right" v-if="this.props.isShowRight" @click="onClickRightText">
                        <text class="right-text" :style="{color: this.props.optionColor || '#005faa'}">{option}</text>
                </safe-area>
                <safe-area class="nav-bar-right" v-if="this.props.isShowRightImg" @click="onClickRight">
                        <img :src="this.props.rightImg"
                                :style="{height:this.props.imgHeight || '24px'}" :style="{width:this.props.imgWidth || '24px'}" />
                </safe-area>
                <safe-area class="nav-bar-right" v-if="this.props.isShowRightTextImg">
                        <view class="nav-bar-tex-img">
                                <text class="right-text" :style="{color: this.props.optionColor || '#005faa'}" @click="onClickRightText">{option}</text>
                                <img :src="this.props.rightImg" class="nav-bar-right-text-icon"
                                        :style="{height:this.props.imgHeight || '13px'}" :style="{width:this.props.imgWidth || '13px'}"  @click="onClickRight"/>
                        </view>
                </safe-area>
        </safe-area>
</template>
<script>
export default {
        name: 'header',
        props: {
                title: String,
                option: String,
        },
        apiready() {//like created

        },
        data() {
                return {

                }
        },
        methods: {
                back() {
                        api.closeWin();
                },
                onClickRight() {
                        this.fire('result');
                },
                onClickRightText(){
                        this.fire('text');
                }
        }
}
</script>
BIP217759 · 2024-4-18 16:47在header组件上绑定了ontext事件

onresult="onGetResult" 要用这个吧。
7
帖子
0
勋章
75
Y币
chyd④④⑤⑤②⑦⑧⑤② · 2024-4-18 17:04onresult="onGetResult" 要用这个吧。

用onresult 点击没反应
BIP217759 · 2024-4-18 17:11用onresult 点击没反应

是组件里面触发返回的
7
帖子
0
勋章
75
Y币

header组件   onresult  点击图片生效,ontext点击文字生效, 你说的组件里面没明白啥意思
12下一页
您需要登录后才可以回帖 登录

本版积分规则