SOURCE

console 命令行工具 X clear

                    
>
console
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Element UI 示例</title>
    <!-- 引入 Vue -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
    <!-- 引入 Element UI 的样式 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui/lib/theme-chalk/index.css">
    <!-- 引入 Element UI 的组件库 -->
    <script src="https://cdn.jsdelivr.net/npm/element-ui/lib/index.js"></script>
</head>

<body>
    <div id="app">
        <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="活动名称" prop="radio3">
                <el-radio-group v-model="radio3" @change="handleTypeChange">
                    <el-radio :label="0">备选项1</el-radio>
                    <el-radio :label="1">备选项2</el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="时间">
                <el-date-picker v-if="isShowStart" v-model="form.sls__start_time__CST" type="datetime" style="width: 100%;"
                    format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="检查开始时间"></el-date-picker>
                <el-date-picker v-if="isShowEnd" v-model="form.sls__end_time__CST" type="datetime" style="width: 100%;"
                    format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="检查结束时间"></el-date-picker>
            </el-form-item>
        </el-form>

    </div>

    <script>
        new Vue({
            el: '#app',
            data: {
                radio3: '',
                isShowStart: false,
                isShowEnd: false,
                form: {
                    sls__start_time__CST: '',
                    sls__end_time__CST: ''
                }
            },
            methods: {
                handleTypeChange(value) {
                    console.log(value)
                    if (value === 0) {
                        this.form.sls__start_time__CST = ''
                        this.isShowStart = true
                        this.isShowEnd = false
                    }
                    else {
                        this.form.sls__start_time__CST = ''
                        this.form.sls__end_time__CST = ''
                        this.isShowStart = true
                        this.isShowEnd = true
                    }
                },
            }
        });
    </script>
</body>

</html>