当前位置: 代码迷 >> 综合 >> vue数据变了,视图没有更新解决方法
  详细解决方案

vue数据变了,视图没有更新解决方法

热度:51   发布时间:2024-02-28 03:45:16.0
this.$forceUpdate()

详细场景:对象里面的属性开始没有定义,后期加上的

  // 删除视频deleteVideo (index) {// 清空传递后端绑定的值 及 页面显示的值this.videoUrl[`video${index + 1}`] = nullthis.uploadVideoIndex = -1// 坑:需要强制更新视图,否则视图没变化this.$forceUpdate()},
 computed: {...mapState(['isUseLottie']),// 储存图片url的地址,处理图片显示顺序imgUrl () {let imgUrl = {}this.imgArr.map((item, index) => {imgUrl[`img${index + 1}`] = null})return imgUrl},// 视频urlvideoUrl () {let videoUrl = {}this.videoArr.map((item, index) => {this.$set(videoUrl, `video${index + 1}`, null)})return videoUrl},// 物料urlmaterialUrl () {let materialUrl = {}this.imgArr.map((item, index) => {this.$set(materialUrl, `material${index + 1}`, null)})return materialUrl},// 素材类型下拉框数组materials() {let materialTypeArr = []this.configData.map(item => {if (this.adIdea.flow_type === item.flow_type) {let adForm = item.ad_formsadForm.map(item => {if (this.adIdea.ad_form === item.id) {materialTypeArr = item.materials}})}})// console.log(materialTypeArr, 'materialTypeArr....')return materialTypeArr},},

 

  相关解决方案