vuejs / Discussion

Vue.js discussion
167 stars 17 forks source link

求这样的如何用v-if? #200

Open zb188 opened 9 years ago

zb188 commented 9 years ago

@yyx990803 v-if="isfree" 为0时 不显示 admission-fee-box这个div, 为1的时候显示,我说的不显示是div里的html内容就不输入来,求教逻辑如何写?

<div class="main main-meeting" id="view">
            <script type="text/x-template" id="template">
            <div class="meeting-description-box">
                <h1>[[name]]</h1>
                <p>地址:[[address]]</p>
            </div>
            <div class="admission-fee-box" v-if="isfree">
                <p>门票价格:<span>¥998.00</span></p>
                <p>2015年06月04日 15:00截止</p>
            </div>
            </script>
        </div>
new Vue({
                            el: '#view',
                            template:'#template',
                            data: d,
                            computed: {
                                img_root: function () {
                                    return IMGROOT;
                                },
                                isfree: function () {
                                    return 1//这个值是data里动态取的为1时渲染 价格区块div ,为0时不输出
                                }
                            }
                        });
yyx990803 commented 9 years ago

看不懂你的意思。

zhongqf commented 9 years ago

我也没看懂,估摸着你想要这样? @zb188

        <div class="admission-fee-box">
            <template  v-if="isfree">
                <p>门票价格:<span>¥998.00</span></p>
                <p>2015年06月04日 15:00截止</p>
            </template>
        </div>