|
以下父子组件目录结构,以及子组件引入本地资源的相对路径,必须按照父组件目录去找,是否可修改成当前目录相对路径代码如下:
1、父组件
- <import name="headComp" src="../../components/headComp/headComp"></import>
- <template>
- <!-- template里只能有一个根节点 -->
- <div class="demo-page">
- <headComp></headComp>
- <div class="main-cont">
- </div>
- </div>
- </template>
-
- <style lang="less">
- .demo-page {
- width: 100%;
- }
- </style>
-
- <script>
-
- </script>
复制代码 2、子组件
- <template>
- <!-- template里只能有一个根节点 -->
- <div class="header">
- <div class="header-img">
- <image src="../../components/headComp/head.png"></image>
- </div>
- <div class="header-input">
- <div class="search"></div>
- <input placeholder="请输入您要搜索的内容" />
- </div>
- <div class="header-login"></div>
- </div>
- </template>
复制代码
|
|