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

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

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

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

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

关注我们，获取更多IT资讯^_^

查看所有标签

• [Vue 2.x Todo 教程练习参考答案] 标为完成练习参考答案
• [Vue 2.x Todo 教程练习参考答案] 添加todo练习参考答案
• 一些问题的答案
• Runtime经典面试题(附答案)
• Java面试要点-数据存储-精简答案
• 120分的转录组试题和答案

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