如果少了一行引用代码,那就会出现这样bug:你的判断是:{{judge}}。radio单选按钮

news/2024/7/10 2:35:16 标签: vue

加上,就不会出现了

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://cdn.jsdelivr.net/vue/1.0.26/vue.min.js"></script> //就是这行
</head>

<body>
    <div id="app">
        <!--当v-model绑定的是同一个变量,可以不加name属性来实现radio的互斥-->
        <label for="right">
            <input type="radio" id="right" name="judge" value="对" v-model="judge"></label>
        <label for="wrong">
            <input type="radio" id="wrong" name="judge" value="错" v-model="judge"></label>
        <h2>你的判断是:{{judge}}</h2>
    </div>
    
    <script>
        new Vue({
            el:'#app',
            data:{
                judge:'对'  //目的:选择之后将值绑定到judge中
            }
        })
    </script>




</body>

</html>

http://www.niftyadmin.cn/n/957657.html

相关文章

linux 学习记录

1、上传文件 E:\my>pscp F:\test.txt root111.11.11.11:/usr/bin/ 2、查看隐藏文件 ll -a 显示当前目录所有文件、文件夹的详细信息&#xff0c;包括权限、大小、用户、组等 ls -a 显示当前目录下所有文件、文件夹的简略信息&#xff0c;只有文件(夹)的名称&#xff0c;以…

Redisson分布式锁实现

Redisson分布式锁实现 多线程下的数据一致性问题一直都是热点问题&#xff0c;既要考虑到数据的一致&#xff0c;又要考虑实现的效率&#xff0c;在分布式情况下&#xff0c;这又要成为一种新的难题。分布式锁和我们java基础中学习到的synchronized略有不同&#xff0c;synchro…

async的理解与使用

async function testAsync() {return "hello async"; }const result testAsync(); console.log(result);[Running] node "/Users/ivyone/44.js" Promise { hello async }什么是promise对象&#xff1f;

京东云+django 获取ssl证书

1、首先有 京东云的服务器 和 域名&#xff0c;并备案通过。 2、在云安全-ssl安全证书申购证书 3、在域名服务-域名服务-域名管理界面选择解析 对ip和域名进行绑定&#xff0c;注意在主机记录一栏要空着&#xff0c;否则可能验证失败。 4、在申购管理界面&#xff0c;获取 …

在Ubuntu中安装uwsgi(在python3.6环境下)

&#xff11;&#xff0e;检查Ubuntu中是否有以下环境包&#xff0c;如果没有&#xff0c;请按如下步骤安装&#xff1a; sudo apt-get install build-essential pythonx.x sudo apt-get install pythonx.x-dev 有一点很重要&#xff0c;如果安装的python3.6 则需要安装pytho…

Nacos心跳时间配置及服务快速上下线

Nacos心跳时间配置及服务快速上下线 Nacos默认心跳时间是30秒&#xff0c;不太满足正式环境需要&#xff0c;需要调整心跳时间更短&#xff0c;让线上服务上下线能快速感知. 1.修改微服务的nacos的心跳配置时间 preserved.heart.beat.interval: 1000 #该实例在客户端上报心跳的…

Django为什么用uWSGI+Nginx

这两天在用Django做个人博客网站&#xff0c;做起来非常顺手&#xff0c;已经在测试环境中完成了留言板的功能&#xff0c;想着在加上个管理博客和博客编辑的功能就大致可以发布出去了&#xff0c;然后就发现教程中有个服务器部署的环节uWSGINginx&#xff0c;我就郁了闷了&…

windows docker 部署 rocketmq

以下指令全程使用 windows 自带终端 Windows PowerShell 执行&#xff01;&#xff01;&#xff01; 以下指令全程使用 windows 自带终端 Windows PowerShell 执行&#xff01;&#xff01;&#xff01; 以下指令全程使用 windows 自带终端 Windows PowerShell 执行&#xff01…