034——VUE中表单控件处理之使用vue控制radio表单的实例操作

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>表单控件处理之使用vue控制radio表单的实例操作 </title>

    <script src="vue.js"></script>

</head>

<body>

<div id="lantian">

    <div>{{field.type}}</div>

    <input type="radio" v-model="field.type" value="draft">草稿

    <input type="radio" v-model="field.type" value="send">发布

</div>

<script>

    var app = new Vue({

        el: '#lantian',

        data: {

            field: {

                type:'send',

            }

        }

    });

</script>

</body>

</html>

巴特西

034——VUE中表单控件处理之使用vue控制radio表单的实例操作

最新文章

热门文章