vue element-ui el-date-picker 数据可以更改,但是前端不显示的更改后的数据问题
2024-09-04 23:41:01
template:
<el-form-item label="有效时间:" prop="validTime">
<el-date-picker v-model="ruleForm.validTime" style="width:60%" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
// 由于 validTime 绑定了 ruleFrom 表单,出于某种博主也不知道的原因,导致了 数据可以更改,但是 前端 页面显示不出来的。 ( 这里是纯粹的前端问题,和后端没有任何关系。 )
原先赋值是这样赋值的: this.ruleForm.validTime = [res.data.coupon.start_time,res.data.coupon.end_time]
// 数据这样可以改变,但是前端页面显示的数据不会改变, 实际上内部已经发生了变化,可能是 由于是 懒加载的原因,所以导致了数据不会显示出来。
更改后的结果赋值是这样的: this.$set(this.ruleForm,"validTime",[res.data.coupon.start_time,res.data.coupon.end_time])
// 采用了 vue 特有的 Vue.set 来强制改变赋值状态,在 vue 中,由于底层实现原理的特性,导致了 vue 不能用 set 和 delete, 所以 vue 推出了 vue.set 和 vue.delete 方法来进行 赋值 和 删除。
最新文章
- jsp页面显示问题
- Visual Studio 2015上安装Entity Framework Power Tools
- RSA大会播报 – 2014最佳安全博客提名(国外篇)
- iOS 9/10强制使用https访问网络,使用了第三方SDK的应用需要配置的信息
- Linux系统下如何禁止ping命令或允许ping命令的方法
- NGUI中Button与原生2D精灵的混合使用
- Android 设置让EditText不自动获取焦点
- C++ 析构函数为虚函数
- SpringBoot启动banner更改
- FROM USE CASES TO TEST CASES
- HDU1007.Quoit Design
- (转)如何入门 Python 爬虫
- CentOS 6.5安装配置NFS服务器
- 解题:SHOI 2014 概率充电器
- redis-trib.rb报错:/usr/lib/ruby/1.9.1/rubygems/custom_require.rb:36:in `require&#39;: cannot load such file -- redis (LoadError)
- jQuery链式调用
- BZOJ3233【AHOI2013】找硬币
- 《剑指offer》— JavaScript(12)数值的整数次方
- 20145303刘俊谦 Java 代码托管
- 函数返回const,以便控制访问