这两天使用vue做东西遇到一些问题，今天总结记录一下：
1. 在computed中没法操作dom元素，比如
```
computed: {
w() {
return this.$refs.box.offsetWidth
}
}
```
运行中报undefined错误，后来改成在mounted中获取this.$refs.box.offsetWidth,后来发现，在computed中，DOM元素未加载下来，保险起见，还是在mounted操作DOM
2. 给普通对象添加新的属性，需要用到vue.set方法才起作用
比如
```
obj = {name: '岚枫秋秋', sex: 'woman'}
```
如果给其加上age属性，一般是这样添加
```
obj.age=29
```
但是在vue中不起作用，界面查不到，改成
```
this.$set(obj, age, 29)
```
vue界面中就可以看到效果了
这些都是细节的问题，做项目少，还是缺乏经验，今天在这里记录一下这些问题，给大家分享一下。
这两天使用vue做东西遇到一些问题，今天总结记录一下： 1. 在computed中没法操作dom元素，比如 ```...
总结: 计算属性的方法写在new Vue中的computed对象名中( computed : { } ),,,,...
computed是Vue实例中的一个属性对象。 在computed中，可以定义一些属性，这些属性，叫做计算属性。计...
computed的默认配置导致这个问题 computed的getter函数、 在vue中，computed的属性可...
DOM属性操作 注意.和[ ]都是ECMAScript中，对象的属性操作，对象属性的值会被存在内存中,想要直接获...
一、对象基础（补充） 二、DOM获取节点 三、间接获取节点 四、DOM节点的添加和删除 五、DOM属性操作 六、练...
计算属性 VS 侦听属性Vue 的组件对象支持了计算属性 computed 和侦听属性 watch 2 个选项，很...
vue生命周期 vue数据双向绑定 vue虚拟dom computed和watch运行机制1 computed和w...
vue里的$refs属性 Vue的极大程度的帮助减少了对dom的操作，其中获取元素的方式主要通过添加ref属性，但...
Vue中ref属性获取DOM元素和子组件内容 -$refs是Vue实例对象的一个属性，它也是一个对象 我们在htm...
本文标题：vue computed 中操作DOM和给对象添加属性遇到的问题
本文链接：https://www.haomeiwen.com/subject/uudnuqtx.html
网友评论