当前位置: 首页 > Web前端 > HTML

当前页面直接使用匿名槽会显示undefined

时间:2023-03-28 13:22:44 HTML

修改bug时发现问题。当我们不想直接显示一些页面组件时,我们可能会使用插槽。槽是vue提出的一个概念。Slots用于决定将携带的内容插入到指定的位置,从而将模板划分为block,具有模块化的特性和更大的复用性。但是匿名槽有个特点:如果当前页面直接使用solt显示一些内容,页面会直接显示undefined。代码:Add这时候通过add方法获取this.$refs.input,显示undefined,页面会在后面新按钮显示未定义。原因:不同层次的组件之间需要使用匿名槽。去掉slot标签,页面就正常了。这时候也可以得到这个$refs.inputAdd