首页 / 知识
Vue3 使用 v-for 循环输出选项
2023-04-11 16:22:00
使用 v-for 循环输出选项：
select
<div id="app" class="demo">
<select v-model="selected">
<option v-for="option in options" :value="option.value">
{{ option.text }}
</option>
</select>
<span>选择的是: {{ selected }}</span>
</div>
<script>
const app = {
data() {
return {
selected: 'www.runoob.com',
options: [
{ text: 'Runoob', value: 'www.runoob.com' },
{ text: 'Google', value: 'www.google.com' },
{ text: 'Taobao', value: 'www.taobao.com' }
]
}
}
}
Vue.createApp(app).mount('#app')
</script>
|
最新内容
相关内容
python终端输出乱码怎么解决?
python终端输出乱码怎么解决?，代码，系统，一致，培训，地方，工作，终端，文件，乱码，声明，在命令行终端上工作时，经常会碰到一个头疼的问题就是中文
python使用matplotlib绘图怎么在线
python使用matplotlib绘图怎么在线上标注?，地方，培训，坐标轴，图像，范围，画图，示例，注释，文字描述，以上，python画图常用标注包含，坐标轴的值和
python怎么使用文件夹下的脚本?
python怎么使用文件夹下的脚本?，工作，培训，文件夹，脚本，文件，所在，方法，示例，路径，以上，python中使用文件夹下脚本的方法：将当前的工作目录(即
python中如何使用pil
python中如何使用pil，培训，示例，人数，以上，功能，方法，更多，官方，内容，PIL(PythonImageLibrary)是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.pyar
python安装好了怎么使用
python安装好了怎么使用，代码，工具，环境，培训，程序，终端，编译器，优缺点，断点，文件名，执行Python程序的三种方式解释器——python/python3交互
python的time怎么使用
python的time怎么使用，时间，平台，单位，实时，标准，培训，术语，模块，函数，精度，python中的time模块time这个模块提供各种与时间相关的函数。相关