vue可复用组件差异化处理

项目开发中有些界面是相似的,所以我会把这个组件抽成一个可复用的组件。那个界面需要就直接引入使用,但是界面有些
地方会不同,这时就需要把界面差异化处理

如下:

<div class="list_buttom">
 <!-- 界面一需要 -->
      <button v-if="true">找相关</button>
 <!-- 界面二需要 --> 
      <div v-else class="items_user">
        <img src=''/>
        <img src='' />
      </div>
    </div>

在上面可复用组件中,界面一需要button,而界面二中只需要img
差异化处理:
界面一需要,界面二不需要:v-if="true"
界面一不需要,界面二需要:v-if="false"

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试
应支付0元
点击重新获取
扫码支付

支付成功即可阅读