+
95
-

vue v-model如何动态绑定变量?

vue v-model如何动态绑定变量?

编入多个input输入,每个input根据index v-model为input_index

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue.2.2.min.js"></script>
</head>
<body>
    <div id="app">
        <div v-for="(subitem,j) in inputlist">
            <input v-model="inputv" :value="j+1" type="text" :id="'d'+j" name="opt" />
        </div>
    </div>
    <script>
        new Vue({
            el: '#app',
            data: {
                inputv: "",

                inputlist: [1, 2, 3],

            },

        });

    </script>
</body>
</html>

如何实现不同的input自动绑定不同的-model

网友回复

+
15
-

这样就行了

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue.2.2.min.js"></script>
</head>
<body>
    <div id="app">
        <div v-for="(subitem,j) in inputlist">
            <input v-model="inputdata['line_'+j]" type="text" />
        </div>
        <button @click="...

点击查看剩余70%

我知道答案,我要回答