Vue删除对象属性需要注意的地方

Vue作为一款很火的开源框架,应用也越来越广,好了直接入主题,


var test = new Vue({
el: '#vue_test',
data: {
remarks: 'Hello Vue.js!'
}
})

上面的一段代码是我们使用Vue时常用的,这样remarks就成为创建的Vue对象的一个属性,如果我们要添加Vue属性可以通过set方法:

create_model.$set("xx",xx);

删除属性则可以使用vue的delete方法:

Vue.delete( object, key )

但是需要注意的是下面这种情况:

<div id="vue_test">

........

<textarea  id="remarks" name="remarks" v-model="pg.remarks" type="text" class="input-large"></textarea>

<div>

笔者在这里要说的是上面标红的部分,我们在这里上面代码创建了test的vue对象,而pg是该vue对象的一个属性,只不过pg这个属性是一个对象,针对这种情况如果需要删除remarks属性的话则需要通过下面的方式:

Vue.delete( test.$data.pg, "remarks")

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页