请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
12下一页
返回列表 发新帖
显示全部楼层
69
帖子
2
勋章
480
Y币

[App引擎] stml页面动态显示或隐藏元素?

[复制链接]
发表于 2022-1-16 13:09:18

大家好,
我想实现功能:
未登录时loginOk为false, 这时显示 登录
已登录时loginOk为true, 这时显示 退出登录

但现在总是显示登录(loginOk为true时也显示 登录), 请问代码是哪里有问题啊?

<template>
    <view class="page" onclick="api.closeFrame();">
        <view v-show="!loginOk">
            <cell class="cell" @click="openInMain('mLogin.aspx')" style={tapStyles.circle}
                ontouchstart="touch('circle')" ontouchend="untouch('circle')" ontouchcancel="untouch('circle')">
                <image src="../../image/login.png" class="my-icon" mode="aspectFit"/>
                <text class="title">登录</text>
            </cell>
        </view>
        <view v-show="loginOk">
            <cell class="cell" @click="openInMain('mLogout.aspx')" style={tapStyles.circle}
                ontouchstart="touch('circle')" ontouchend="untouch('circle')" ontouchcancel="untouch('circle')">
                <image src="../../image/logout.png" class="my-icon" mode="aspectFit"/>
                <text class="title">退出登录</text>
            </cell>
        </view>

    </view>
</template>
<script>
import '../../script/api.js';
import '../../script/315.js';
export default {
    name: 'shareMenu',
    data() {
        return {
            tapColor: '#cccccc',
            tapStyle: '',
            tapStyles: {
                circle: '',
                weixin: '',
                more: ''
            },
            loginOk: false
        }
    },
    apiready() {//like created

        var uPref = api.getPrefs({ key: 'cookie315', sync: true });
        var u;
        if (uPref) {
            u = $api.strToJson(uPref);
        } else {
            u = {};
        }
        if (u.id > 0) {
            console.debug('已登录' + $api.jsonToStr(u));
            loginOk = true;
        }
        else
        {
            console.debug('未登录' + $api.jsonToStr(u));
            loginOk = false;
        }
    },
    methods: {
    ......
</script>
<style>

...
</style>







你先仔细阅读以下数据绑定语法:https://docs.apicloud.com/apiclo ... ex=1&subIndex=2
你当前这个情况很定是错误的
69
帖子
2
勋章
480
Y币
文档看了很多次,错误是肯定有错误的,就是不知道哪里有问题才问啊。
我需要动态显示或隐藏部分控件。看了文档不知道怎么用啊
微链阿铁【APP开发】 · 2022-1-17 11:58你先仔细阅读以下数据绑定语法:https://docs.apicloud.com/apicloud3/#/basic/databind?index=1&subIndex=2
380
帖子
4
勋章
6
Y币
  <view v-show={{!loginOk}}>   使用双大括号,这样看看
46
帖子
1
勋章
293
Y币
我有遇到过这个问题,后来放弃了avm改用的html
当你这么回复我说明并没有认真看文档,仔细看看变量是如何赋值的!再对比自己的看看
东莞力联 · 2022-1-17 13:49文档看了很多次,错误是肯定有错误的,就是不知道哪里有问题才问啊。
我需要动态显示或隐藏部分控件。看了文档不知道怎么用啊
DreamsGoGO · 2022-1-17 14:25我有遇到过这个问题,后来放弃了avm改用的html
69
帖子
2
勋章
480
Y币
好的,谢谢。
技术支持-F · 2022-1-17 14:17使用双大括号,这样看看
69
帖子
2
勋章
480
Y币
        return {
            tapColor: '#cccccc',
            tapStyle: '',
            tapStyles: {
                circle: '',
                weixin: '',
                more: ''
            },
            loginOk: false
        }

首先这个loginOk是起作用的,因为我改为 loginOk: true时,有不同的效果。
只是后面的apiready()中修改 loginOk=true时,没有效果。

12下一页
您需要登录后才可以回帖 登录

本版积分规则