element-ui框架,列表里包含下拉框的问题。

发布于 2022-09-11 15:30:48 字数 1342 浏览 13 评论 0

界面长这样:

clipboard.png

后端给的列表数据,大概是这样的:

[
    {
        top:0, //基数上限
        down:0, //基数下限
        scale:0, //个人比例
        ruleUid:1, //取整规则id
    },
    {
        top:0, //基数上限
        down:0, //基数下限
        scale:0, //个人比例
        ruleUid:2, //取整规则id
    },
]

其中,取整规则下拉框数据是后端给的:

[    
    {
        uid:1,
        name:"四舍五入-角"
    },
    {
        uid:2,
        name:"四舍五入-元"
    },
    {
        uid:3,
        name:"四舍五入-分"
    },
]

我的代码:

<el-table-column prop="ruleUid" label="个人取整规则">
    <template slot-scope="scope">
        <el-select 
            v-model="value_regular"
            style="width:120px"
            size="small">
            <el-option 
                v-for="item in list_regular"
                :label="item.name"
                :value="item.uid"
                :key="item.uid">
            </el-option>
        </el-select>
    </template>
</el-table-column>

我的问题:
列表可能有1行,2行,3行……,n行就有n个下拉框。而我v-model="value_regular"只定义了一个变量,这个变量我如何去设成动态的呢?也就是一个变量存储一个下拉框,这样才能方便我提交的时候传值。或者有好的解决方案?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

鸠书 2022-09-18 15:30:48
<el-table-column prop="ruleUid" label="个人取整规则">
    <template slot-scope="scope">
        <el-select 
            v-model="scope.row.ruleUid" // 这一行修改一下,调试一下
            style="width:120px"
            size="small">
            <el-option 
                v-for="item in list_regular"
                :label="item.name"
                :value="item.uid"
                :key="item.uid">
            </el-option>
        </el-select>
    </template>
</el-table-column>
小鸟爱天空丶 2022-09-18 15:30:48

用switch 判断函数中的参数,,符合哪一种参数类型。

clipboard.png

clipboard.png

clipboard.png

吃兔兔 2022-09-18 15:30:48

v-model="scope.row.xxxx", xxxx最好是后端返回的。即便是传空的也没事,先有这个字段,至于逻辑得根据具体的需求处理了。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文