请问怎样自定义touchui的组件

不是.vue后缀的,是能支持
<ui-view></ui-view> .ui文件的组件
 
想封装一下常用的页面,能方便其他页面像组件 那要引用
已邀请:

peng

赞同来自:

页面也是组件,封装到.vue文件里。

没事挂着

赞同来自:

借群友的代码回复混个积分
1. 新建正常的 .ui 页面;
<template>
<ui-page>
demo
</ui-page>
</template>
<script>
export default {
props:[],
data(){
return {}
}
}
</script>
<style lang="less">

</style>
 
3. 引用组件
<template>
<ui-page>
<XXXX></XXXX>
</ui-page>
</template>
<script>
import XXX form 'XXXX.ui'
export default {
components:{
XXXX
},
data(){
return {}
}
}
</script>
<style lang="less">

</style>

跟 vue 官方 组件是一样的用法

techflag

赞同来自:

照着你说的做了,但是还是报错:
Vue warn]: Unknown custom element: <xxxx> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Anonymous> at /Users/techflag/.vscode/extensions/UILeader.vstouchui-1.4.4/node_modules/touchui-pack/src/pages/demo/showcomp.ui
       <UiSlideMenu>
         <Anonymous> at /Users/techflag/.vscode/extensions/UILeader.vstouchui-1.4.4/node_modules/touchui-pack/src/app.ui
           <Root>

尘雨雾录 - 兴趣广泛的人

赞同来自:

可以去看下微信小程序的自定义组件的逻辑,我当初学习自定义组件就是从那个看的。感觉挺明白的。
 
主要是懂这个自定义组件的定义和引用的逻辑

要回复问题请先登录注册



QQ:378966107

邮箱:frank@uileader.com

微信进交流群 加小助手微信进交流群