codeRule的值为1时,显示左侧,codeRule的值为2时,显示右侧 elementUI
时间: 2024-02-05 17:13:25 浏览: 95
Visual Studio Code运行C++代码时显示CLOCKS_PER_SEC未定义的问题及解决方法
可以使用Vue的条件渲染功能,根据codeRule的值来决定显示哪一侧的组件。
示例代码如下:
```html
<template>
<div>
<div v-if="codeRule === 1">
<!-- 左侧组件 -->
</div>
<div v-else-if="codeRule === 2">
<!-- 右侧组件 -->
<el-button>elementUI按钮</el-button>
</div>
</div>
</template>
```
在上面的代码中,我们使用了Vue的v-if和v-else-if指令,分别判断codeRule的值是否为1或2,并根据结果来决定显示哪一侧的组件。如果codeRule的值既不是1也不是2,则不会显示任何组件。注意,右侧组件需要使用ElementUI的组件,需要先在项目中引入ElementUI的库。
阅读全文