vue 显示或隐藏

浪淘沙1个月前前端49
 <div class="card m-0 mt-3" id="mb" v-show="!form.danye">
     <div class="card-header bg-success-subtle">
         模板设置     </div>
@section Scripts{
    <script>
        const {
            createApp        } = Vue;        const ElMessage = ElementPlus.ElMessage;        const App = {
            data() {
                return {
                    form: { "danye": @Json.Serialize(Model.danye) }

                };            },
            methods: {
                change(e) {
                    const mb = document.getElementById('mb');                    this.form.danye = e.target.checked;                }
            }

        };        const app = createApp(App);
        app.use(ElementPlus, {
            locale: ElementPlusLocaleZhCn        });        //图标注册        for (const [key, comp] of Object.entries(ElementPlusIconsVue)) {
            app.component(key, comp);        }
        app.mount("#app");    </script>


相关文章

asp.net core razor  CKEDITOR 添加等使用详细

asp.net core razor CKEDITOR 添加等使用详细

<script src="/ckeditor/ckeditor.js"></script>     &l...

Layui卡片式 新完整页面

<div class="layui-fluid">     <blockquote class=&q...

element 调用接口返回json中的data-bs-toggle="tooltip" data-bs-title="查阅"

<el-table ref="tableRef"><el-table-column prop="files" label=...

layui table后端接口html代码,前端显示

  , { field: 'dwbq', title: '单位标签', width:&n...

element puls select 表单验证

后端: public record OptionItem(string Label, string Value);  publi...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。