随笔分类 -  VUE

vue3中组合式api的执行顺序问题
摘要：// Composition API (Vue 3) export default { async setup() { console.log('1. 开始 setup') const { data } = await useFetch('/api/products') console.log('2 阅读全文
posted @ 2025-07-30 17:22 躺尸的大笨鸟 阅读(35) 评论(0) 推荐(0)
sortable.js el-table 树形表 拖拽
摘要：git地址：https://github.com/zhihuimaibu/sortable_el-table 实现的功能： 该树形表只有一级子节点 该子节点只能在当前父节点中拖拽， 不能跨父节点拖拽 同时只能展开一个父节点， 其他父节点闭合 实现的关键点： mounted 挂载 初始化sortabl 阅读全文
posted @ 2024-01-24 18:51 躺尸的大笨鸟 阅读(2611) 评论(2) 推荐(0)
产品规格生成图表
摘要：tableData格式： 关键： generateTable()函数，通过goodsSpecList生成下图的格式 <product-spec v-for="(s, i) in form.goodsSpecList" :key="s.specName" :spec="s" :index="i" @s 阅读全文
posted @ 2024-01-24 17:24 躺尸的大笨鸟 阅读(26) 评论(0) 推荐(0)
vue2 wangeditor封装
摘要：怎么使用 v-model 子组件 $attrs @input 调用组件： <WangEditor v-model="form.desc"></WangEditor> 封装组件： <div style="border: 1px solid #ccc;"> <Toolbar/> <Editor v-bi 阅读全文
posted @ 2024-01-24 15:58 躺尸的大笨鸟 阅读(341) 评论(0) 推荐(0)
vue 环境配置
摘要：1. 根目录下创建文件，配置变量以VITE开头 .env .env.production .env.development 2. 在vite.config.js中使用 ``` defineConfig(({ mode }) => { const env = loadEnv(mode, process 阅读全文
posted @ 2023-07-31 10:38 躺尸的大笨鸟 阅读(42) 评论(0) 推荐(0)
vue + vite 在index.html中使用环境变量
摘要：1. npm install vite-plugin-html -D 2. vite.config.js ``` return { plugins: [ useHtmlLoader({ inject: { data: { title: 'hello', }, }, }),]} ``` 3. inde 阅读全文
posted @ 2023-07-31 10:30 躺尸的大笨鸟 阅读(479) 评论(0) 推荐(0)
低版本浏览器适配问题
摘要：1. 使用vue3+vite 默认支持Chrome >=87 2. chrome 53: - npm install @vitejs/plugin-legacy -D - ```` //vite-config.js import legacy from "@vitejs/plugin-legacy" 阅读全文
posted @ 2023-07-27 18:05 躺尸的大笨鸟 阅读(383) 评论(0) 推荐(0)
vscode
摘要：import 点击ctrl + 右键 进入当前文件 项目根目录： jsconfig.json import importTable from "./importTable";//.vue点击不进去，.js可以点击进去，需要带上./importTable.vue { "compilerOptions" 阅读全文
posted @ 2023-07-19 15:04 躺尸的大笨鸟 阅读(284) 评论(0) 推荐(0)
Element
摘要：Cascader 选择任意一级选项 点options选项 自动关闭弹窗 绑定事件 <el-cascader @visible-change="handleChange" @expand-change="handleChange" ref="elcascader" @change="handleTog 阅读全文
posted @ 2023-07-01 18:20 躺尸的大笨鸟 阅读(107) 评论(0) 推荐(0)
Vue+Webpack中使用scss
摘要：npm install style-loader -d npm install sass-loader -d npm install node-scss -d 版本对应： nodejs和node-scss：GitHub - sass/node-sass: Node.js bindings to li 阅读全文
posted @ 2023-04-20 16:36 躺尸的大笨鸟 阅读(256) 评论(0) 推荐(0)