Blame view

local/routers/radio.vue 1.35 KB
7fa943eb   梁灏   init
1
2
  <template>
      <div>
9d69bab6   梁灏   add Alert component
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
          <Alert show-icon>
              成功的提示
          </Alert>
          <Alert closable show-icon>
              成功的提示
              <span slot="desc">这里是成功的内容</span>
          </Alert>
          <Alert type="warning" closable show-icon>
              成功的提示
              <span slot="desc">这里是成功的内容</span>
          </Alert>
          <Alert type="success" closable show-icon>
              成功的提示
              <span slot="desc">这里是成功的内容</span>
          </Alert>
          <Alert type="error" closable show-icon @on-close="closed">
              成功的提示
              <span slot="desc">这里是成功的内容</span>
          </Alert>
7fa943eb   梁灏   init
22
23
24
      </div>
  </template>
  <script>
9d69bab6   梁灏   add Alert component
25
      import { Radio, Alert, Icon } from 'iview';
7fa943eb   梁灏   init
26
27
28
29
30
31
  
      const RadioGroup = Radio.Group;
  
      export default {
          components: {
              Radio,
9d69bab6   梁灏   add Alert component
32
33
34
              RadioGroup,
              Alert,
              Icon
7fa943eb   梁灏   init
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
          },
          props: {
          
          },
          data () {
              return {
                  radio: true,
                  radioGroup: '段模'
              }
          },
          computed: {
          
          },
          methods: {
              changeGroup (data) {
                  console.log(data);
9d69bab6   梁灏   add Alert component
51
52
53
              },
              closed (data) {
                  console.log(data)
7fa943eb   梁灏   init
54
55
56
57
              }
          }
      }
  </script>