1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
| <template>
| <div class="lin-container" v-loading="loading">
| <div class="lin-title">插件<%= camelCaseName %>舞台页面</div>
| <el-divider></el-divider>
| <div class="lin-wrap">
| <p>{{text}}</p>
| </div>
| </div>
| </template>
|
| <script>
| export default {
| name: '<%= camelCaseName %>Stage1',
| components: {
| },
| data() {
| return {
| loading: true,
| text: '',
| }
| },
| // 计算属性设置
| computed: {},
| // 数据变更监听
| watch: {},
| mounted() {
| this.init()
| },
| // 当页面使用路由参数时, 参数部分变化触发的动作在本函数中操作
| // https://router.vuejs.org/zh/guide/advanced/navigation-guards.htmll#组件内的守卫
| // beforeRouteUpdate(to, from, next) {
| // // this.name = to.params.name
| // // this.init()
| // // next()
| // },
| methods: {
| // 执行获取数据等初始化动作
| init() {
| this.loading = true
| setTimeout(() => {
| this.text = '舞台 <%= camelCaseName %>View1 初始化完成'
| this.loading = false
| }, 3000)
| },
| },
| }
| </script>
|
| <style scoped lang="scss">
| </style>
|
|
