vue replace方法
时间: 2023-09-08 07:14:45 浏览: 167
vue项目中锚点定位替代方式
Vue中的replace方法是用来替换DOM元素的方法。它接收两个参数:新元素和旧元素。
使用方式如下:
```javascript
new Vue({
el: '#app',
methods: {
replaceElement: function () {
var newElement = document.createElement('div');
newElement.innerHTML = 'This is a new element';
var oldElement = document.getElementById('old-element');
this.$el.replaceChild(newElement, oldElement);
}
}
})
```
在上面的例子中,replaceElement方法会创建一个新的div元素,然后使用replaceChild方法将新元素替换旧元素。
注意,replace方法只能在Vue实例的根DOM元素上使用,即通过this.$el访问到的那个元素。
阅读全文