035——VUE中表单控件处理之使用vue控制select操作文字栏目列表
2024-08-22 04:01:17
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单控件处理之使用vue控制select操作文字栏目列表 </title>
<script src="vue.js"></script>
</head>
<body>
<div id="lantian">
<div>{{cid}}</div>
<!--select单选-->
<!--<select v-model="cid">--> <!--select多选-->
<select v-model="cid" multiple>
<option value="">请选择栏目</option>
<!--select单选的时候:-->
<option v-for="v in category" :value="v.cid">{{v.title}}</option> </select> </div>
<script>
var app = new Vue({
el: '#lantian',
data: {
category: [
{cid: 1, title: 'PHP课程'},
{cid: 2, title: 'HTML课程'},
{cid: 3, title: 'JAVA课程'},
{cid: 4, title: 'JQUERY课程'}
],
// cid:3
cid: []
}
});
</script> </body>
</html>
最新文章
- thinkphp添加数据
- sublime text3下BracketHighlighter的配置方法
- Python基于pandas的数据处理(二)
- Java提高篇(三六)-----Java集合细节(二):asList的缺陷
- 不同场景下 MySQL 的迁移方案
- 取得ascii的例子
- redmin3 忘记管理密码找回方法
- org.apache.flume.FlumeException: NettyAvroRpcClient { host: xxx.xxx.xxx.xxx, port: 41100 }: RPC
- 221. Maximal Square -- 矩阵中1组成的最大正方形
- utf8 和 UTF-8 的区别
- ASC #1
- HDU1890 Robotic Sort Splay tree反转,删除
- yml文件数据的简洁表达方法(Hashes to OpenStruct)
- VNC-Server installation on CentOS 7
- poj 1204
- android 基础04-BroadCastReceiver
- linux_文件系统
- itchat 微信的使用
- Sublime Text3介绍和插件安装——基于Python开发
- Python模块——HashLib与base64