vue新增、修改设置默认值

最新推荐文章于 2024-07-29 03:46:52 发布
最新推荐文章于 2024-07-29 03:46:52 发布
阅读量7.9k 收藏 1
点赞数 2
分类专栏： vue 文章标签： java vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lx_hz/article/details/103928189
版权
1. 在Controller中将值传入前台页面

service实现层保存数据
service将数据存入map中保存Controller将数据存入前台
在这里插入图片描述

2.页面的处理

在这里插入图片描述在这里插入图片描述
在页面中循环下拉宽中的值（另外两个也是一样的循环）在这里插入图片描述到现在基本完成了下拉选项，在进行更改操作时vue将floorInfoDate.aId进行判断；

新增和修改页面，如果你想将数据库为未选择下拉选项的默认设为请选择的话，只要将floorInfoDate.aId设置为floorInfoDate.aId=“”，则ok了；
获取url后面拼接的值需要将这个放在mounted中
我这里是通过浏览器url中floorId来判断是新增还是修改的，如果是新增，可以直接将里面的aId设置为aId="",这样就可以默认为请选择了。
修改将未选择的默认设置为请选择只要将他的null设置为""值就行了
在这里插入图片描述

lxxy623
关注
专栏目录
vue基础(2)
lllznb的博客
10-12 360
四、数据绑定 1.单向数据绑定 v-bind：数据只能从data流向页面，页面数据的修改无法影响到data里面的数据 <div> 单向数据绑定：<input type="text" v-bind:value="name"> </div> <script type="text/javascript"> Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。 new Vue({
Vue初始
u011919606的专栏
12-15 291
在介绍vue之前，我们先来简单复习下前端知识。 大家都知道HTML是一种超文本标记语言，定义了很多标签和组件，可以被浏览器识别显示，例如<html>，<body>，<p>等标签，<table>，<div>，<form>等组件，主要控制页面显示。而CSS语言用来修饰这个标签和组件的样式，最典型的是id，class，以及标签选择...
vue getList(page =1) 设置默认值
xujingcheng123的博客
04-30 1077
vue js方法 设置默认值，在 @click="getList"时无法赋初始值， @click="getList()" 成功赋初始值 <el-buttontype="primary"icon="el-icon-search"@click="getList">查询</el-button> // 不能给getList方法赋初值 <el-buttontype="primary"icon="el-icon-search"@click="getList(...
vscode中定义vue模板并将name默认为文件名
weixin_46351593的博客
02-13 984
配置模板代码 在vscode中找到用户代码片段 再新建一个vueTemplate.json文件： 复制下面的代码覆盖vueTemplate.json中的默认内容： { "vue-template": { "prefix": "", "body": [ "<template>", " $0", "</template>", "", "<script>", "ex
前端如何设置表单元素的默认值？
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
07-29 451
在 HTML5 中，表单元素包括 , , 等，它们可以用来收集用户的输入。设置这些元素的默认值意味着在页面加载时，表单控件会显示预设的值。这对于构建用户友好的界面至关重要，因为它可以减少用户的输入负担，并提供有用的初始信息。 说明 : 文本输入框，通过 属性设置默认值。 : 邮箱输入框，同样使用 属性设置默认值。 : 密码输入框，虽然默认情况下密码是隐藏的，但也可以设置默认值。 : 数字输入框，使用 属性设置默认值，并且可以配合 和 属性限制数值范围。 : 日期输入框，通过 属性设置默认日期
vue 前端组件表单动态验证（必填），设置默认值
Amber_Elva的博客
03-16 2030
第一次发表文章，希望对各位有所帮助！O(∩_∩)O哈哈~
vue基础扩展5--重置表单成默认值
shuixiou1的博客
01-15 1590
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <title>vue基础扩展5--重置表单成默认值</title> </head> <body> <!--- 概述：vue 的data数据，会在vue创建后，绑定到options属性下，因此还原表单默认值可以使用 this.query = this.$opt.
ant-design-vue a-radio 默认值与反显
qq_36987708的博客
04-23 8251
基本用法： <template> <div> <a-radio-group v-model="value" @change="onChange"> <a-radio :value="1"> A </a-radio> <a-radio :value="2"> B </a-radio> <a-radio :value
Vue3+Vant开发：首页功能实现
程序员老茶的博客
04-23 1552
Vue3+Vant开发：首页功能实现
vue怎么给pc端浏览器设置一个最小屏幕_图文讲解uni-app的PC宽屏适配方案
weixin_39608301的博客
10-23 1626
天下苦平台碎片化已久。在移动互联网以前，开发者只需幸福的面对web。进入移动互联网时代，iOS、Android、H5以及各种小程序快应用层出不穷，开发者再也幸福不起来。学习n个技术开发n个版本各版迭代混乱，无法拉齐，用户茫然、内部痛苦开发测试成本n倍暴涨结果就是工程师不停加班到头秃，但产品的需求仍然做不完、老板的预算一直压不下去，全都痛苦。uni-app之前已经实现了手机端全覆盖，支持iOS、An...
vue3，从vue2迁移更改总结
梦里施的博客
02-02 1775
1.v-for 中的 Ref 数组 在 Vue 2 中，在v-for里使用的refattribute 会用 ref 数组填充相应的$refsproperty。当存在嵌套的v-for时，这种行为会变得不明确且效率低下。 在 Vue 3 中，这样的用法将不再在$ref中自动创建数组。要从单个绑定获取多个 ref，请将ref绑定到一个更灵活的函数上 (这是一个新特性)：setItemRef() 2.异步组件 现在，在 Vue 3 中，由于函数式组件被定义为纯函数，因此异步组件...
VUE 页面使用 defineProps 如何友好的给参数赋默认值
因安语未社交平台关闭，博客暂时不受影响，敬请期待下一板块开启！
04-04 3498
????在 Vue 3 中，我们可以使用 Composition API 来编写组件，其中一个新特性是使用 defineProps 来定义 props。但是，在使用 defineProps 定义 props 时，如果没有给 props 赋默认值，那么在使用该组件时就必须给 props 传递值，否则会报错。那么，如何友好地给参数赋默认值呢？下面就来为大家介绍一些方法。 方法一：使用默认值语法 ????在 de...
定时任务动态修改cron表达式，立即生效
m0_60828670的博客
09-06 1912
/ log.info("查询cron"+cron);log.info("进入start方法");// 可以从数据集读取cron表达式。//可以前端传值 通过set方法动态修改。
Vue自定义指令——el-select多选框 设置默认值并且不可编辑
丶扁扁的糖是扁的 的博客
06-17 1万+
因为el-select原生就可以实现下拉列表的选项禁用，指定项不可添加。那么想要实现设置默认值并且不可编辑，只要实现默认值不可删除即可。关闭按钮有着它自己的className：el-tag__close。那么只要将默认值的el-tag__close图标全部隐藏掉，就能实现设置默认值不可删除效果。具体指令如下： 在el-select中的应用：...
vue el-select默认值
weixin_42574985的博客
10-21 8951
问题：看到网上很多说直接改el-select绑定的v-model的值，这样做就会掉入select框中仅仅是显示相应的文字而已（可根据el-select选中的状态来判断，选中后点开下拉列表为蓝色加粗字体），这样就会导致初始化的页面中，需要根据省份选项才能展示的城市选项直接显示无数据状态。情景：在调取接口后渲染数据时需要将选取的select设为默认值，具体案例为调取省份数据后，根据省份获取其对应的城市数据，并将其对应的el-select默认选中该数据的状态。
vue 框架 ElementUi 写一个固定值下拉框
weixin_67692090的博客
10-11 845
ElementUi 写一个固定值下拉框，直接上代码。页面可展示，数据库主表中传入相对应的value的值。
vue修改当前页面query参数
m0_71231013的博客
04-25 2908
最近在项目中手写分页器（为什么手写，因为对分页器样式外观要求比较严苛），遇到一个需求，就是我们在点击分页的时候，再进入详情，之后回退希望能够回到之前的页码值。解决这个需求，个人总结了两种方法。
优雅的给vue对象设置初始值
热门推荐
【03】的博客
02-22 1万+
vue 中经常定义很多data ,在用户进行一些操作后,需要将data中的某个对象定义为初始值，最常见的为表单数据 初始化指定对象 form: { title: '', desc: '', url: '' } 大众都会选择以下方法进行初始化值 this.form = { title: '', desc: '', url: '' } 其实还可以这样 // Object.assign(this.form, this.$options.data().form) this.form = this.
vue3 props设置默认值
12-05
在Vue3中，我们可以使用`defineProps`函数来定义组件的props，并且可以通过`default`属性来设置默认值。以下是两种设置默认值的方法： 1. 使用`default`属性设置默认值 ```vue <script> import { defineProps } from 'vue' export default { props: defineProps({ title: { type: String, default: '默认标题' } }) } </script> ``` 2. 使用`withDefaults`宏设置默认值 ```vue <script setup lang="ts"> import { defineProps, withDefaults } from 'vue' const props = withDefaults(defineProps({ title: { type: String, required: true } }), { title: '默认标题' }) </script> ``` 需要注意的是，如果使用基于类型的声明式，就不能给props声明默认值了。此时可以通过`withDefaults`编译宏来解决这个问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值