Vue之使用a-model隐藏按钮

<a-modal v-model="visible" title="Title" centered width="1100px"><template slot="footer"><a-button key="back" v-show="false">Return</a-button><a-button key="submit" v-show="

g0415shenw

3338人浏览 · 2020-09-24 18:07:30

g0415shenw · 2020-09-24 18:07:30 发布

    <a-modal v-model="visible" title="Title" centered width="1100px">
      <template slot="footer">
        <a-button key="back" v-show="false">
          Return
        </a-button>
        <a-button key="submit" v-show="false">
          Submit
        </a-button>
      </template>
      <iframe
        width="1000px"
        height="800px"
        scrolling="no"
        frameborder="no"
        style="margin:0"
        src="http://www.xinhuanet.com/politics/leaders/2020-09/24/c_1126535207.htm"
      >
      </iframe>
    </a-modal>

这里还把IFrame边框这些都去掉了，效果图如下：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^