CPICXIM/car_deal_util
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

保存进度！

Browse Source
This commit is contained in:
Kane Wang
2022-11-15 17:56:34 +08:00
parent d249fdd576
commit 7e8c5da593
4 changed files with 132 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
code/web/car_dealer/vue/keypath.html
View File

@@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2022-11-02 11:22:37
* @LastEditors: Kane
* @LastEditTime: 2022-11-03 14:44:57
* @LastEditTime: 2022-11-07 16:45:06
* @FilePath: \car_dealer\vue\keypath.html
* @Description:
*
@@ -18,7 +18,9 @@
<title>keypath测试</title>
</head>
<body></body>
<body>
<div>a<div>b</div>c</div>
</body>
<script>
const keypathReg = /[^\w.$]/;

108
code/web/car_dealer/vue/表单.html
View File

@@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2022-11-12 23:21:53
* @LastEditors: Kane
* @LastEditTime: 2022-11-14 07:33:52
* @LastEditTime: 2022-11-14 16:25:35
* @FilePath: \car_dealer\vue\表单.html
* @Description:
*
@@ -10,41 +10,79 @@
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>表单</title>
<link rel="stylesheet" href="../css/root.css" />
<link rel="stylesheet" href="../css/normalize.css" />
<link rel="stylesheet" href="../css/button.css" />
<link rel="stylesheet" href="../css/app.css" />
<link rel="stylesheet" href="../css/表单/表单.css" />
</head>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表单</title>
<link rel="stylesheet" href="../css/root.css">
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/button.css">
<link rel="stylesheet" href="../css/app.css">
</head>
<body>
<div class="content">
<div id="app">
<div class="grid-left grid-firstname">
<p>姓：</p>
</div>
<div class="grid-right grid-firstname"><input type="text" placeholder=""></div>
<div class="grid-left grid-lasttname">
<p>名：</p>
</div>
<div class="grid-right grid-lasttname"><input type="text"></div>
<div class="grid-left grid-sex">
<p>性别：</p>
</div>
<div class="grid-right grid-sex"><input type="radio" name="sex" id="male" value="male"><label
for="male">男</label>
<input type="radio" name="sex" id="female" value="female"><label for="female">女</label>
<body>
<div class="content">
<div id="app">
<p class="grid-left">用户名：</p>
<input
class="grid-right"
type="text"
placeholder=""
v-model="account.username"
/>
<p class="grid-left">密码：</p>
<input type="password" v-model="account.password" />
<p class="grid-left">性别：</p>
<div class="cell-gender">
<input
type="radio"
name="gender"
id="male"
value="male"
v-model="account.gender"
/><label for="male">男</label>&nbsp;
<input
type="radio"
name="gender"
id="female"
value="female"
v-model="account.gender"
/><label for="female">女</label>
</div>
<p class="grid-left">年龄：</p>
<input type="number" v-model.number="account.age" />
<p class="grid-left">水果：</p>
<select name="fruit" id="fruit" v-model="account.fruits">
<option disabled value="">喜欢的水果</option>
<option v-for="fruit in fruits" v-bind:value="fruit">
{{fruit}}
</option>
</select>
</div>
</div>
</div>
</body>
<script src="../js/vue/vue.global.js"></script>
<script></script>
</body>
<script src="../js/vue/vue.global.js"></script>
<script src="../js/axios/1.1.3/axios.js"></script>
<script>
const app = {
data() {
return {
account: {
username: "",
password: "",
gender: "",
age: "",
hobbies: [],
fruits: "",
},
fruits: ["香蕉", "梨子", "苹果"],
};
},
};
</html>
const vm = Vue.createApp(app);
vm.mount("#app");
</script>
</html>