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

Question

    <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

Answer 1

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