| New file |
| | |
|---|
| | | <template>
|
|---|
| | | <el-date-picker
|
|---|
| | | v-model="value1"
|
|---|
| | | type="week"
|
|---|
| | | format="yyyy年 第 WW 周"
|
|---|
| | | value-format="yyyy-MM-dd HH"
|
|---|
| | | placeholder="选择周"
|
|---|
| | | >
|
|---|
| | | </el-date-picker>
|
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
|
|---|
| | | // 例如：import《组件名称》from'《组件路径》';
|
|---|
| | |
|
|---|
| | | export default {
|
|---|
| | | // import 引入的组件需要注入到对象中才能使用
|
|---|
| | | components: {},
|
|---|
| | | props: {
|
|---|
| | | // value1: String
|
|---|
| | | },
|
|---|
| | | data() {
|
|---|
| | | // 这里存放数据
|
|---|
| | | return {
|
|---|
| | | // newValue1: ''
|
|---|
| | | value1: '',
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | // 计算属性 类似于data概念
|
|---|
| | | computed: {},
|
|---|
| | | // 监控data中的数据变化
|
|---|
| | | watch: {
|
|---|
| | | value1(nv, ov) {
|
|---|
| | | // this.newValue1 = nv
|
|---|
| | | this.sendPicker()
|
|---|
| | | },
|
|---|
| | | },
|
|---|
| | | // 生命周期 - 创建完成（可以访问当前 this 实例）
|
|---|
| | | created() {},
|
|---|
| | | // 生命周期 - 挂载完成（可以访问 DOM 元素）
|
|---|
| | | mounted() {},
|
|---|
| | | beforeCreate() {}, // 生命周期 - 创建之前
|
|---|
| | | beforeMount() {}, // 生命周期 - 挂载之前
|
|---|
| | | beforeUpdate() {}, // 生命周期 - 更新之前
|
|---|
| | | updated() {}, // 生命周期 - 更新之后
|
|---|
| | | beforeDestroy() {}, // 生命周期 - 销毁之前
|
|---|
| | | destroyed() {}, // 生命周期 - 销毁完成
|
|---|
| | | activated() {},
|
|---|
| | | // 方法集合
|
|---|
| | | methods: {
|
|---|
| | | sendPicker() {
|
|---|
| | | this.$emit('sendPickerChild', this.value1)
|
|---|
| | | },
|
|---|
| | | }, // 如果页面有keep-alive缓存功能，这个函数会触发
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | | <style scoped>
|
|---|
| | | </style>
|
|---|
