随笔分类 - django+vue
摘要：index.js import piniaPluginPersistedstate from 'pinia-plugin-persistedstate' import { createPinia } from 'pinia' const pinia = createPinia().use(pinia
阅读全文
摘要：在项目的根目录会自动创建一个文件夹`dist`,dist中的文件就是打包后的文件，只需要放到服务器中即可。 配置publicPath ```js module.exports = { // 设置获取.js,.css文件时，是以相对地址为基准的。 // https://cli.vuejs.org/zh
阅读全文
摘要：1 新建一个 mixin 文件 `mixins/loginConfirm.js` ```jsx export default { methods: { // 是否需要弹登录确认框 // (1) 需要，返回 true，并直接弹出登录确认框 // (2) 不需要，返回 false loginConfir
阅读全文
摘要：1 、安装插件 npm i babel-plugin-import -D 2、根目录创建：babel.config.js 中配置 module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ ['import',
阅读全文
摘要：npm install postcss-px-to-viewport@1.1.1 -D module.exports = { plugins: { 'postcss-px-to-viewport': { // 标准屏宽 viewportWidth: 375 } } }
阅读全文
摘要：vue2 安装低版本的：npm install -g json-server@0.17.4
阅读全文
摘要：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
阅读全文
摘要：方法一 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
阅读全文
摘要：import { dayjs } from 'element-plus' export const formatTime = (time) => dayjs(time).format('YYYY年MM月DD日') <el-table-column prop="date" label="Date" w
阅读全文
摘要：一、vue2与Django路由打通配置 main.js 文件 1 const { defineConfig } = require('@vue/cli-service') 2 module.exports = defineConfig({ 3 transpileDependencies: true,
阅读全文
摘要：一、vue2 二、vue3 用dom 获取孙子的属性和方法，但是孙子的属性和方法必须暴露出来
阅读全文
摘要：一、vue3 父子相传 vue3双向绑定的父子相传 v-model="value.selectId" 就等于 v-model:modelValue="value.selectId" 方法二：defineMode, vue 3.3 以上的版本 vit.config.ts import { define
阅读全文
摘要：一、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
阅读全文
摘要：一、获取公共数据 store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { count: 100, title: 'zd' }
阅读全文
摘要：一、配置vue2路由 vue2 router 版本3.6.5 router/index.js 1 import Vue from 'vue' 2 import VueRouter from 'vue-router' 3 import MyHeader from '@/components/MyHea
阅读全文
摘要：一、vue2 # 下载node 、npm nvm install 14.21.3 # 切换国内镜相 npm config set registry=https://registry.npmmirror.com npm i @vue/cli -g vue —version 或者 vue -V # 创建
阅读全文
摘要：一、局部自定义指令 二、全局注册自定义指令 三、总结 四、传值 el: 代指元素 binding: 代指v-xx的值，用binding.value 来获取值
阅读全文
摘要：一、获取dom 二、获取子组件的方法 三、$nextTick dom执行后，执行$nextTick
阅读全文
摘要：一、vue2组件之间传递 enentBus.js import vue from 'vue' const Bus = new vue() export default Bus MyHeader.vue 消息传递者 sendMs(){ Bus.$emit('sendMsg','小米花') } MyMa
阅读全文
浙公网安备 33010602011771号