2024年10月25日
学习vue——modelValue 与 update:modelValue（父子相传v-model，相互绑定）
摘要： 父组件 1 <script lang="ts" setup> 2 import { ref } from 'vue' 3 const value = ref({ 4 page: 1, 5 size: 2, 6 selectId : "" 7 }) 8 </script> 9 10 <template 阅读全文
posted @ 2024-10-25 18:02 东方不败--Never 阅读(63) 评论(0) 推荐(0) 编辑
学习vue——图片、富文本的新增与修改回显
摘要： 方法一 1 <el-upload 2 ref="RefUpload" 3 class="avatar-uploader" 4 :auto-upload="false" 5 :show-file-list="false" 6 :on-change="handleChange" 7 > 8 <img v 阅读全文
posted @ 2024-10-25 17:51 东方不败--Never 阅读(43) 评论(0) 推荐(0) 编辑
2024年10月24日
学习vue——element plus 处理时间 & 中文语言处理
摘要： import { dayjs } from 'element-plus' export const formatTime = (time) => dayjs(time).format('YYYY年MM月DD日') <el-table-column prop="date" label="Date" w 阅读全文
posted @ 2024-10-24 14:57 东方不败--Never 阅读(43) 评论(0) 推荐(0) 编辑
2024年10月16日
学习vue——vue2、vue3与Django路由打通配置
摘要： 一、vue2与Django路由打通配置 main.js 文件 1 const { defineConfig } = require('@vue/cli-service') 2 module.exports = defineConfig({ 3 transpileDependencies: true, 阅读全文
posted @ 2024-10-16 14:45 东方不败--Never 阅读(41) 评论(0) 推荐(0) 编辑
2024年10月15日
学习vue——ref 获取dom，defineExpose
摘要： 用dom 获取孙子的属性和方法，但是孙子的属性和方法必须暴露出来 阅读全文
posted @ 2024-10-15 16:30 东方不败--Never 阅读(5) 评论(0) 推荐(0) 编辑
学习vue——vue2、vue3 父子相传、vue3非父子相传
摘要： 一、vue3 父子相传 vue3双向绑定的父子相传 v-model="value.selectId" 就等于 v-model:modelValue="value.selectId" 二、vue2 父子相传 三、vue3非父子相传 爷爷 1 const name = ref(0) 2 // 给孙子、孙 阅读全文
posted @ 2024-10-15 11:17 东方不败--Never 阅读(5) 评论(0) 推荐(0) 编辑
学习vue——vue2、vue3 的watch、computed 语法
摘要： 一、vue3 watch 1 import { ref, watch } from 'vue' 2 3 const user = ref({ name: 'zd', age: 22 }) 4 watch( 5 user, // 监视多个参数：[xx1,xx1] 6 (newValue, oldVal 阅读全文
posted @ 2024-10-15 10:08 东方不败--Never 阅读(38) 评论(0) 推荐(0) 编辑
2024年9月26日
学习vue——vuex（state、mutations、actions、getters、分模块）
摘要： 一、获取公共数据 store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { count: 100, title: 'zd' } 阅读全文
posted @ 2024-09-26 10:51 东方不败--Never 阅读(35) 评论(0) 推荐(0) 编辑
2024年9月25日
学习vue——路由
摘要： 一、配置vue2路由 router/index.js 1 import Vue from 'vue' 2 import VueRouter from 'vue-router' 3 import MyHeader from '@/components/MyHeader.vue' 4 import My 阅读全文
posted @ 2024-09-25 11:38 东方不败--Never 阅读(6) 评论(0) 推荐(0) 编辑
2024年9月24日
学习vue——vue2、vue3创建项目及安装包版本
摘要： 一、vue2 # 下载node 、npm nvm install 14.21.3 # 切换国内镜相 npm config set registry=https://registry.npmmirror.com npm i@vue/cli -g vue —version # 创建vue2的项目 vue 阅读全文
posted @ 2024-09-24 15:45 东方不败--Never 阅读(40) 评论(0) 推荐(0) 编辑
下一页