基于Vue的问卷调查app页面的开发（二）

最新推荐文章于 2024-07-16 00:53:38 发布

GlimmerL

最新推荐文章于 2024-07-16 00:53:38 发布

阅读量1.3k

点赞数 2

本文链接：https://blog.csdn.net/GlimmerL/article/details/102567891

版权

本文详细介绍了如何使用Vue.js进行问卷调查应用的页面开发，涵盖了从HTML结构到JS逻辑的实现过程，包括index.html的布局设计，question.js中问题逻辑的处理，以及my-btn.js和shell.js组件的功能实现。

摘要由CSDN通过智能技术生成

index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>调查问卷app</title>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(document).ready(function(){
   
				var app=new Vue({
   
					el: '#app',
					data: {
   
						startNum: "1"
					}
				});
			});
		</script>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<div id="app">
			<shell v-model="startNum">
				<div slot="content">
					<question name="1">
						<form>
							你的年级是：<br />
							<input type="radio" name="grade"  value="16" />16 <br />
							<input type="radio" name="grade" value="17"/>17 <br />
							<input type="radio" name="grade" value="18"/>18 <br />
						</form>
					</question>
					<question name="2">
						<form>
							你的性别是：<br />
							<input type="radio" name="sex"  value="man" /

最低0.47元/天解锁文章

GlimmerL

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
基于Vue的问卷调查app页面的开发（二）

index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>调查问卷app</title> <script src="js/jquery.js" type="text/javascript" charset="utf-8"...
复制链接

扫一扫