<template>
  <el-form label-width="160px" style="margin-top:160px;">
    <el-form-item label="循环启始：">
      <el-checkbox v-model="beginChk"> </el-checkbox>
      <el-input-number size="mini" controls-position="right" :min="1"  v-model="begin" :disabled="!beginChk" class="form-item"></el-input-number>
    </el-form-item>
    <el-form-item label="循环数目：">
      <el-checkbox v-model="countChk"> </el-checkbox>
      <el-input-number size="mini" controls-position="right" :min="1"  v-model="count" :disabled="!countChk" class="form-item"></el-input-number>
    </el-form-item>
  </el-form>
</template>
<script>
export default {
  data() {
    return {
      begin: 1,
      count: 10,
      beginChk: false,
      countChk: false
    }
  },
  methods: {
    getCode() {
      return '<z:list' + (this.beginChk ? ` begin="${this.begin}"` : '') + (this.countChk ? ` count="${this.count}"` : '') + '></z:list>'
    },
    init() {

    }
  }
}
</script>
