点击按钮,切换参数的布尔值真假

核心代码

bull() {
                    if (this.show) {
                        this.show = false
                    } else {
                        this.show = true
                    }
                }

演示代码

<script src="https://unpkg.com/vue@next"></script>
<div id="Application">
        <h1 v-if="show">title</h1>
        <p v-else>如果不显示标题就显示段落</p>
        <button @click="bull">点击切换show布尔属性</button>
    </div>


    <script>
        const App = {
            data() {
                return {
                    show: true,
                }
            },

            methods: {
                bull() {
                    if (this.show) {
                        this.show = false
                    } else {
                        this.show = true
                    }
                }
            }
        }
        Vue.createApp(App).mount("#Application")

    </script>

Demo

title

如果不显示标题就显示段落

默认分类

B2子主题 - 售卖信息整理

2020-10-16 12:55:28

默认分类

通过element的ColorPicker 颜色选择器修改文本颜色

2022-8-13 14:48:11

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索