sonicsunsky
sonicsunsky
  • 发布:2020-10-08 15:55
  • 更新:2022-02-21 14:16
  • 阅读:12199

uni-app 通过vue-cli创建的vue3.0项目不支持的一些功能总结

分类:uni-app
  1. 通过defineComponents定义的组件导出的时候会提示"export 'defineComponent' was not found in 'vue'
    小程序开发工具会报错 TypeError: Object(...) is not a function

    <script>  
    import { defineComponent, toRefs } from 'vue'  
    export default defineComponent({  
    name: 'xxx',  
    props: {  
        tips: {  
            type: Array,  
            default: () => {  
                return []  
            }  
        }  
    },  
    setup(props, context) {  
        return {  
            ...toRefs(props)  
        }  
    }  
    })  
    </script>
  2. import { getCurrentInstance } from vue,uni-app框架下在vue中暂时拿不到getCurrentInstance这个函数,无法访问到getCurrentInstance

  3. v-model双向数据绑定默认用的还是原来的value属性和input事件,不是vue3.0中的v-bind:modelValue="xxx"的modelValue属性和update:modelValue事件;

  4. ref无法获取组件实例ref引用;

    
    <share ref="shareRef" ></share>  
    const shareRef = ref(null)  
    onMounted(() => {  
    console.log('onMounted, shareRef: ', shareRef.value)//此处打印null,undefined  
    })  
4 关注 分享
ian7 毛学生 DCloud_heavensoft 3***@qq.com

要回复文章请先登录注册

t***@163.com

t***@163.com

回复 sonicsunsky :
哦,uniapp里什么时候能提供支持呢
在uniapp里不能用getCurrentInstance来获取组件实例,有其他方法吗
在setup里不能用vue2的方式去获取实例,官方提供的getCurrentPages方法也只能获取页面的
2020-10-30 10:36
sonicsunsky

sonicsunsky (作者)

回复 t***@163.com :
当前在uni-app框架下暂时不支持ref组件实例的获取
2020-10-26 10:33
sonicsunsky

sonicsunsky (作者)

回复 t***@163.com :
给子组件添加ref属性, 比如childRef,然后setup里边定义一个同名ref变量const childRef=ref(null), 在页面onMounted生命周期中去访问和使用
2020-10-26 10:33
t***@163.com

t***@163.com

用composition api方式创建的组件怎么获取子组件实例呢
2020-10-24 16:45