奈何桥下轮回
2021-06-25 10:58
采纳率: 50%
浏览 122

vue 同一个页面切换不同布局

    <div class="el-select">
      选择平台
      <el-select v-model="terrace" @change="el_selce" placeholder="请选择" name="first" :key="first">
        <el-option
          v-for="item in terraceOptions"
          :key="item.value"
          :label="item.label"
          :value="item.value"
         
        >
        </el-option>
      </el-select>
    </div>
export default {

return{
 terrace: "web", //选定平台
      terraceOptions: [
        {
          value: "web",
          label: "web端",
        },
        {
          value: "wxamp",
          label: "小程序",
        },
      ],}

}

切换不同的布局 展示不一样一个小程序 一个web

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 已采纳

    你是指所有页面吗?如果只是一个页面。那你写两个组件,两个布局利用v-if判断v-if=="小程序"就显示其布局组件。

    点赞 评论
  • CSDN专家-Time 2021-06-25 10:59

    用template进行切换。

    点赞 评论

相关推荐 更多相似问题