vue3.0如何动态给变量赋值?vue.js如何给多个value动态从1开始赋值

人气:124 ℃/2024-02-03 02:58:56

急用的话直接看Demo展示即可,下面是html复制粘贴,就行

Demo展示

html文本

<!DOCTYPE html>

<html>

<head>

<title>bootstrap 实例 - 模态框(Modal)插件事件</title>

<!-- <link href="css/bootstrap.min.css" rel="stylesheet"> -->

<script src="js/jquery.min.js"></script>

<script src="js/vue.js"></script>

</head>

<body>

<div id="aa" >

<select>

<option v-for="(str,index) in strs" v-bind:value=index 1>{{str.id}}</option>

</select>

</div>

<script>

var strInVue = new Vue({

el:"#aa",

data:{strs: [{id:"1"},{id:"2"}]}

})

</script>

</body>

这里的index,不需要赋值,直接就可以用,就跟js中的$index,本身默认的序号一样,从0开始

百科

More+
首页/电脑版/网名
© 2026 NiBaKu.Com All Rights Reserved.