django + element select选择器如何显示默认option选项

最新推荐文章于 2024-05-14 22:52:31 发布
最新推荐文章于 2024-05-14 22:52:31 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： 前端 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hhhhh11/article/details/106784886
版权

场景

当前场景为编辑测试用例信息：Django的model当中定义了TestCase， Tag模板，其中TestCase中包含tags字段，用例存储当前测试用例的标签，与标签表Tag是多对多的关系，用例与标签的关系保存在test_case_tags表中。
现在需要在vue中展示测试用例的信息，其中在编辑弹窗中要显示当前用例的标签以及所有可选的标签，且用例标签显示为默认选中。
在这里插入图片描述

问题：element select中model与options不匹配

在这里插入图片描述
此时，form中传入的model （tags）默认值为django中TestCase模型中定义的tags字段，此字段返回的类型为数值型数组：

最低0.47元/天 解锁文章
小张pingpang
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Element UI学习1--select选择器
hanrabbit的博客
01-05 738
文章目录一、Element UI是什么？二、使用步骤1.安装2.select选择器总结 一、Element UI是什么？ Element 饿了么前端出品的一套 基于 Vue 2.0 的桌面端组件库 二、使用步骤 1.安装 1、npm 安装 npm i element-ui -S 2、CDN <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"&
django自动生成select控件选项并默认选中
独孤仁的专栏
09-01 5778
先说需求： 1、前端配置一个select下拉控件，选项由后台返回； 2、因是编辑页，所以需求设置默认选中。 解决方法： 1、配置默认选中，只需在对应选项中加上属性 selected； 2、使用django模板语法 {% if condition %} selected {% endif %} ，当为所要选项时，加上属性 selected。 &amp;lt;div class=&quot;col-md-3...
el-select 默认选中值
最新发布
qq_33240556的博客
05-14 2003
绑定一个变量，并且初始化这个变量为想要默认选中的选项的值。组件用于创建下拉选择菜单。如果你想设置一个默认选中的值，你可以使用。在Element UI（一个用于Vue.js的UI框架）中，如果你想让“选项2”作为默认选中项，你只需在。这样，当页面加载时，“选项2”就会被默认选中。// 初始化这里为你想默认选中的值。
给django command写option选项
weixin_34417635的博客
12-02 383
2019独角兽企业重金招聘Python工程师标准>>> ...
html中select标签的值提交后,不显示默认值,而是显示提交后的值
jjb-coder的博客
05-14 1710
我们要实现的功能就是当我们把select标签中的值当做表单提交后,我们希望后台处理结果在当前页面显示,但select标签不显示默认值，而是显示提交后的值，最终形成一种更好的页面观感
Django forms 关于select和checkbox设置初始选中值
weixin_30612769的博客
05-23 532
Django的forms和models一样很牛逼。他有两种功能，一是生成form表单，还有就是form表单的验证。 这里主要说一下生成form表单时经常用到的需要设置 初始值 / 默认值 的情况。 1. 前端在展示checkbox时，希望设置一个默认选中的选项。如下图： 先来看一下form是如何定义的： 也就是说我们要在前端生成页面的时候，让他把2那一项选中，要怎么做呢？ 方法一...
vue+echarts+element ui+django 前后端分离考勤系统源码.zip
05-08
vue+echarts+element ui+django 前后端分离考勤系统源码 vue+echarts+element ui+django 前后端分离考勤系统源码 vue+echarts+element ui+django 前后端分离考勤系统源码 vue+echarts+...
Django+Vue3.2+ElementPlus+TypeScript开发的在线考试系统源码.zip
05-08
Django+Vue3.2+ElementPlus+TypeScript开发的在线考试系统源码 Django+Vue3.2+ElementPlus+TypeScript开发的在线考试系统源码 Django+Vue3.2+ElementPlus+TypeScript开发的在线考试系统源码 Django+Vue3.2+...
django+vue分离项目实战.rar
09-03
在本资源"django+vue分离项目实战.rar"中，我们将探讨如何使用现代Web开发技术Django和Vue.js来实现一个完整的前后端分离的实战项目。这个项目需要的基础环境包括Python 3.6及以上版本、Django的最新版、Node.js的...
python+django+mysql电影推荐系统源码，毕业设计.zip
05-03
python+django+mysql电影推荐系统源码，毕业设计 python+django+mysql电影推荐系统源码，毕业设计 python+django+mysql电影推荐系统源码，毕业设计 python+django+mysql电影推荐系统源码，毕业设计 python+...
Django + python + mysql的在线考试系统源码.zip
05-08
Django + python + mysql的在线考试系统源码 Django + python + mysql的在线考试系统源码 Django + python + mysql的在线考试系统源码 Django + python + mysql的在线考试系统源码 Django + python + mysql的...
Django--form生成select标签
weixin_30242907的博客
03-22 447
需求Django--form表单中的select生成方法，如果select中的选项不固定，需要怎么操作。速查1、固定select选项forms123class 表单类名称(forms.Form):host_type=forms.IntegerField(widget=forms.Select(choices=列表或元组)2、动态select选项​forms1234567ad...
select中option选取后就设为默认值（控制每页显示条数与显示内容不匹配）
smileKutper的博客
08-06 671
问题描述 今天在做一个练习的时候遇到一个小问题，就是点击每页显示条数的 时候每次都会跳到第1页如图： 一共有9页，但是不管点第几页这个框框里只会显示第1页 如下图： 原因： 点击每页显示条数后没有重新给这个select赋值 **解决方案：**添加页面加载函数，每次加载页面都给select重新赋值 前端代码展示： <select class="form-control" id="...
Django 2.1.7 form处理select下拉菜单
DevOps海洋的渔夫@专栏
08-27 702
需求 在开发的过程，会有很多form表单需要select下拉菜单的枚举类设置，如果一个个在前端中写死是很不合理的。应该要在models数据模型设置的时候就直接配置好，然后前端直接读取枚举数据，然后在前端通过模板直接读取，或者json返回。 下面来写一个示例来看看。 参考文献 https://docs.djangoproject.com/zh-hans/2.1/topics/form...
django获取数据库数据并设置select下拉框当前值。
qq_41821874的博客
10-09 4046
问题场景： Django开发，有后台数据对象info，要select下拉框中设置从数据库中读出来的值info.credit为当前值。 解决分析 方法：要设置下拉框的当前值，要通过js实现，将select的某个值设为选中，可以通过改对应的selected属性为selected，也可以用jquery框架直接将值为某个值的选项设为选中。 取值：但是在js里面要的获取后台数据库的数据有三种途径：...
Django之model.form创建select标签
weixin_30765505的博客
09-20 488
前言 之前我们学习了form表单验证用户输入格式和自动创建HTML,那么如果用户创建select标签时怎么办呢,先来看下这个东西: models.py 数据格式: class UserInfo(models.Model): caption=models.CharField(max_length=16) class UserType(models.Model): username=...
[Python] 基于Web框架Django 前端框架Vue.js + elementUi 实现前后端分离项目环境搭建指南
热门推荐
李威威wiwi的博客
04-15 1万+
本文整合Django和Vue.js 并引入elementUi 实现前后端分离项目环境 最终的成品是设计出一个页面可以添加和显示学生信息. 一.前言 Django作为Python 三大Web框架之一,因其集成了大量的组件(例如: Models Admin Form 等等)而大受欢迎,但是他本身自带的template模板实在是有点弱.于是考虑引入Vue.js ,可以更加快速高效的开发出美观实用的Web页面. 二.环境及软件准备 Python: 本文版本:Python 3.5 安装教程:h...
uniapp v-for数据改变后，页面没渲染的问题
LJJONESEED的博客
06-09 3787
我需要改变item.cValue的值，点击事件以后，怎么改，都渲染不到页面。 原来是 要 然后就是点击事件的时候，先不显示，改变了数据之后再显示就可以渲染到页面了。
python+vue+element django源码
10-06
Python是一种高级编程语言，具有简单易学、开发效率高等优点。它被广泛应用于数据分析、人工智能...总而言之，Python、Vue、Element和Django是四种不同的技术，但它们可以结合使用，实现高效、快速地开发Web应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值