首页 / 知识
Vue. v-for与v-if 联合使用
2023-04-11 16:34:00
v-for/v-if 联合使用
联合使用 v-for/v-if 给 select 设置默认值：
v-for/v-if 实例
v-for 循环出列表，v-if 设置选中值：
<div id="app">
<select @change="changeVal($event)" v-model="selOption">
<template v-for="(site,index) in sites" :site="site" :index="index" :key="site.id">
<!-- 索引为 1 的设为默认值，索引值从0 开始-->
<option v-if = "index == 1" :value="site.name" selected>{{site.name}}</option>
<option v-else :value="site.name">{{site.name}}</option>
</template>
</select>
<div>您选中了:{{selOption}}</div>
</div>
<script>
const app = {
data() {
return {
selOption: "Runoob",
sites: [
{id:1,name:"Google"},
{id:2,name:"Runoob"},
{id:3,name:"Taobao"},
]
}
},
methods:{
changeVal:function(event){
this.selOption = event.target.value;
alert("你选中了"+this.selOption);
}
}
}
Vue.createApp(app).mount('#app')
</script>
|
最新内容
相关内容
python使用matplotlib绘图怎么在线
python使用matplotlib绘图怎么在线上标注?，地方，培训，坐标轴，图像，范围，画图，示例，注释，文字描述，以上，python画图常用标注包含，坐标轴的值和
python怎么使用文件夹下的脚本?
python怎么使用文件夹下的脚本?，工作，培训，文件夹，脚本，文件，所在，方法，示例，路径，以上，python中使用文件夹下脚本的方法：将当前的工作目录(即
python中如何使用pil
python中如何使用pil，培训，示例，人数，以上，功能，方法，更多，官方，内容，PIL(PythonImageLibrary)是python的第三方图像处理库，但是由于其强大的
Python中区分字符与字符串吗?
Python中区分字符与字符串吗?，数据，培训，数字，字符串，数据类型，字符，类型，语言，有所不同，布尔，python中不区分字符与字符串，与C语言相比，Python
Python脚本如何使用
Python脚本如何使用，培训，脚本，文件，文件名称，路径，命令，下面，窗口，以上，更多，python脚本的使用方法如下：1、首先编写脚本文件，命名成一个.py文
Python如何使用https请求
Python如何使用https请求，代码，包装，培训，模块，底层，定义，以上，协议，操作，功能，python使用https请求代码如下：importurllibimporthttplibheade
Python库与模块的区别是什么?
Python库与模块的区别是什么?，名称，概念，标准，机构，培训，名字，代码，模块，区别，函数，python库与模块的区别是：模块、库主要区别在于他们的定义
python怎么使用迭代器
python怎么使用迭代器，数据，异常，位置，培训，对象，文件，方法，内容，函数，数据流，迭代器(Iterator)：迭代器可以看作是一个特殊的对象，每次调用该对
为什么python中使用模块无法识别
为什么python中使用模块无法识别，代码，工具，培训，模块，语句，定义，管理工具，变量，文件夹，结尾，Python模块(Module)，是一个Python文件，以.py结尾，
怎么使用python命令行参数
怎么使用python命令行参数，代码，灵活，异常，培训，参数，模块，选项，列表，方法，以上，Python提供了getopt模块来获取命令行参数。$pythontest.pyarpython安装好了怎么使用
python安装好了怎么使用，代码，工具，环境，培训，程序，终端，编译器，优缺点，断点，文件名，执行Python程序的三种方式解释器——python/python3交互
python的time怎么使用
python的time怎么使用，时间，平台，单位，实时，标准，培训，术语，模块，函数，精度，python中的time模块time这个模块提供各种与时间相关的函数。相关