[Vue 2.x Todo 教程练习参考答案] 入门仪式_Hello_Vue练习参考答案

栏目: JavaScript · 发布时间: 7年前

内容简介：需在 send 方法中做判断，当用户点击发送按钮，检测到 input 中没有输入任何值时，直接弹框提示并返回，只有有值才执行后续逻辑，示例代码如下：参考官方文档我们可以看到 v-if 指令用于条件渲染元素，仅当 v-if 后面的表达式为真时，元素才被渲染，因此参考代码如下：注意这里 count 是我们定义的计算属性，其值为 value 的长度，正好作为 v-if 的逻辑表达式，仅当 value 有值时，count 才非零（视为真），否则 count 为零（视为假，div 不被渲染）。

练习一

需在 send 方法中做判断，当用户点击发送按钮，检测到 input 中没有输入任何值时，直接弹框提示并返回，只有有值才执行后续逻辑，示例代码如下：

methods: {
    send: function () {
        if (!this.count) {
            alert('请输入内容！');
            return
        }
        alert('发送成功！');
        this.value = ''
    }
},

练习二

参考官方文档我们可以看到 v-if 指令用于条件渲染元素，仅当 v-if 后面的表达式为真时，元素才被渲染，因此参考代码如下：

<div v-if="count">value 的值是：{{ value }}</div>

注意这里 count 是我们定义的计算属性，其值为 value 的长度，正好作为 v-if 的逻辑表达式，仅当 value 有值时，count 才非零（视为真），否则 count 为零（视为假，div 不被渲染）。

-- EOF --

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

生态战略：设计未来企业新模式

周文艺 / 机械工业出版社 / 2017-3 / 49.00

思想影响战略，战略决定组织。在充满高度不确定性的今天，企业要生存和发展，必须不断进行组织变革与进化，跨越不连续性的鸿沟。本书分析了大量互联网生态型企业的案例，从生态思维进化、生态战略构建和生态组织变革三个角度出发，全面阐述了企业的进化之路。本书认为，生态是企业进化的核心思想，企业须重新定义增长模式，从封闭的企业链转向开放的价值网，不断创新文化、技术和连接，培育新物种，实现企业从技术生态位到......一起来看看《生态战略：设计未来企业新模式》这本书的介绍吧!

码农工具

JS 压缩/解压工具

在线压缩/解压 JS 代码

XML、JSON 在线转换

在线XML、JSON转换工具