vue computed 中操作DOM和给对象添加属性遇到的问题

这两天使用vue做东西遇到一些问题，今天总结记录一下：

在computed中没法操作dom元素，比如

computed: {w() {return  this.$refs.box.offsetWidth
}
}

运行中报undefined错误，后来改成在mounted中获取this.$refs.box.offsetWidth,后来发现，在computed中，DOM元素未加载下来，保险起见，还是在mounted操作DOM

给普通对象添加新的属性，需要用到vue.set方法才起作用，界面才能更新过来
比如

 obj = {name: '岚枫秋秋', sex: 'woman'}

如果给其加上age属性，一般是这样添加

obj.age=29

但是在vue中不起作用，界面查不到，改成

this.$set(obj, age, 29)

vue界面中就可以看到效果了

这些都是细节的问题，做项目少，还是缺乏经验，今天在这里记录一下这些问题，给大家分享一下。

vue computed 中操作DOM和给对象添加属性遇到的问题相关推荐

vanilla_如何在Vanilla JavaScript中操作DOM
vanilla by carlos da costa 通过卡洛斯·达·科斯塔如何在Vanilla JavaScript中操作DOM (How to manipulate the DOM in Van ...
小程序 | 小程序中常用的事件 + 事件对象的属性列表 +小程序事件传参 + 小程序全局配置 + 小程序页面配置 + 小程序发起网络数据请求
文章目录一.WXML 模板语法数据绑定事件绑定 ⭐小程序中常用的事件 ⭐事件对象的属性列表 target 和 currentTarget 的区别 bindtap 的语法格式在事件处理函数中为 ...
递归——函数在内部自己调用自己，那么该函数是递归函数作用和循环效果一样要加推出条件return，否则发生栈溢出，导致死循环递归给数组中对象添加属性 toString()和随机数
递归--函数在内部自己调用自己,那么该函数是递归函数 & 作用和循环效果一样 & 要加推出条件return,否则发生栈溢出,导致死循环 & 递归给数组中对象添加属性 & ...
UserControl 中包含封装了集合对象的属性被设计器自动初始化所引起的错误！也有关于List的问题
在CSDN上看到了一篇关于UserControl引起的问题,去重现了一下,并进行了一些小结. 自定义 UserControl 中包含封装了 List <接口> 类型字段的属性,编译后造成引 ...
vue 用key拿对象value_vue对象添加属性（key:value）、显示和删除属性
效果图新增 key值 value值操作 {{key}} {{keyValues[key]}} 删除添加属性 addKey(){ if(this.keyValue.key==''){ this.$ ...
python-给对象添加属性与方法
给对象添加属性对象.属性名 = 属性值给对象添加方法 >匿名函数,就是函数体
JS动态为对象添加属性
JS允许在创建完一个对象后,动态给对象添加属性.如下 var obj = {};// 动态给对象添加属性的常见方式 obj.name = 'aaa'; obj.age = 22; console.lo ...
Vue项目中操作svg文件
Vue项目中使用svg 引入依赖 yarn add svg-sprite-loader -D [可选] yarn add svgo svgo-loader -D 依赖说明: svg-sprite-lo ...
JDK8 Stream操作 collectingAndThen：根据对象的属性去重
来源:blog.csdn.net/qq_35634181/article/details/108867857 ExportTemperatureDto实体对象: @Getter @Setter @To ...

vue computed 中操作DOM和给对象添加属性遇到的问题

vue computed 中操作DOM和给对象添加属性遇到的问题相关推荐

最新文章

热门文章