首页 > 其他分享 >vue数据值变了,但是input视图没有更新怎么办?

vue数据值变了,但是input视图没有更新怎么办?

时间:2022-10-28 14:44:50浏览次数:90  
标签:vue form 值变 set 视图 input 赋值

直接给对象的属性赋值,并不能使得视图发生变化,此时我们可以用vue的$set方法来赋值解决这个问题

this.$set(对象, '属性名', '属性值')

使用这段代码给对象赋值

this.$set(this.form, 'name', '糖果')

this.$set(this, 'form', {key: item.value,range: "like",value: ""})          

 

标签:vue,form,值变,set,视图,input,赋值
From: https://www.cnblogs.com/CandyTT/p/16836034.html

相关文章

  • 直播app开发,Vue动态设置样式和class名
    直播app开发,Vue动态设置样式和class名一、动态设置样式 <template><div:style="{backgroundImage:'url('+bgimg+')',fontSize:'size'}"></div></template><scri......
  • vue事件修饰符
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-e......
  • 每日一题之请描述Vue组件渲染流程
    组件化是Vue,React等这些框架的一个核心思想,通过把页面拆成一个个高内聚、低耦合的组件,可以极大程度提高我们的代码复用度,同时也使得项目更加易于维护。所以,本文就来分......
  • 一面高频vue面试题
    组件通信组件通信的方式如下:(1)props/$emit父组件通过props向子组件传递数据,子组件通过$emit和父组件通信1.父组件向子组件传值props只能是父组件向子组件进行......
  • 每日一题之Vue的异步更新实现原理是怎样的?
    最近面试总是会被问到这么一个问题:在使用vue的时候,将for循环中声明的变量i从1增加到100,然后将i展示到页面上,页面上的i是从1跳到100,还是会怎样?答案当然是只会显示100,并不会......
  • Golang Vue 后台框架 go-admin 从零开始企业级实战视频教程(33 个视频)
    GolangVue后台框架go-admin从零开始企业级实战视频教程(33个视频)Golang作为后端应该会成为未来几年的主要趋势之一,Vue又是用得最多的框架,go-admin是一个很成熟的后......
  • Vue.js3.0练习题
    第一章:Vue3.0概述1、选择题1.1、在MVVM设计模式中,Model代表的是_______。A.数据模型    B.控制器    C.视图   D、监听模型1.2、在Vue中挂......
  • vue canvas 线上签名
    <template> <divid="box">   <divclass="main"id='main'>     <canvasref="saveCanvas"width="500"height="400"@mousedown="ctxDown($event)"@mousem......
  • vue中的事件处理
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-e......
  • Vue(V 3.2.37)使用Three.js(V 0.145.0)加载3D模型的详细步骤
    Vue(V3.2.37)使用Three.js(V0.145.0)加载3D模型的详细步骤1、安装three命令:pnpminstallthree引入three和加载器import*asTHREEfrom'three'import{OBJLoader......