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

修改bug的时候发现一个问题。当我们不想直接显示某些页面组件时候,可能会使用插槽,插槽slot是vue提出的概念,插槽用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。
但匿名插槽有个特点:若当前页面直接使用solt显示某些内容,页面会直接显示undefined。

代码:

      新增
      
          
      

此时通过add方法获取this.$refs.input,显示undefined,同时页面也会在新增按钮后面显示undefined。
原因:匿名插槽需要在不同级的组件间使用,将slot标签去除,页面即可正常,此时也可以获取到this.$refs.input


      新增
      

你可能感兴趣的:(前端vue.js)