vue
vue
该用户已成仙
这个作者很懒,什么都没留下…
展开
-
vue3 ts 使用 Ant Design Vue 全局引入 icons
重点是使用 Record。原创 2023-06-15 18:02:14 · 1534 阅读 · 0 评论 -
vite 创建vue3项目 (vue-router、vuex、scss、环境变量、selint、stylelint、normalize.css)
vite 创建vue3项目 (vue-router、vuex、scss、环境变量、selint、stylelint、normalize.css)原创 2022-06-19 14:43:56 · 1924 阅读 · 0 评论 -
vue3 element-plus 全局加载icon组件
main.ts(js)中import ElementPlus from 'element-plus'import * as ElIconModules from '@element-plus/icons-vue'import zhCn from 'element-plus/es/locale/lang/zh-cn'const app = createApp(App) .use(ElementPlus, { size: 'small', locale: zhCn }).原创 2021-12-26 14:44:18 · 1719 阅读 · 1 评论 -
vue项目使用eslint styleint 的vscode配置
1. 下载vscode插件2. 打开设置点击右上角按钮打开settings.json 添加如下设置// 关闭VSCode在Save时候自动格式化,因为VSCode自带的格式化和ESlint规范并不兼容"editor.formatOnSave": false,// 代码保存时,自动执行ESlint Stylelint格式化代码"editor.codeActionsOnSave": { "source.fixAll.eslint": true, "source.fixAll.原创 2021-07-02 23:13:59 · 482 阅读 · 3 评论 -
element 时间日期选择器 弹窗不在body中插入
<el-date-picker v-model="value" type="daterange" align="right" value-format="yyyy-MM-dd" size="mini" range-separator="至" .原创 2021-06-15 14:56:08 · 2516 阅读 · 0 评论 -
动态改变 element 组件颜色
第一种方法index.html中添加<style id="style"></style>接口获取到颜色后 const IPT = '!important;' const btnColor = '#fff' const styleText = '.el-radio__input.is-checked + .el-radio__label {' + ' color: ' + btnColor + IPT + '原创 2021-04-27 19:58:54 · 1006 阅读 · 0 评论 -
vue 报错 TypeError: Cannot read property ‘galleryElements‘ of undefined
报这个错误的原因是因为 data没有returndata () {},加上return就可以了data () { return {} },原创 2021-04-25 17:20:48 · 999 阅读 · 0 评论 -
vue3.0 创建 乾坤qiankun 微前端
主应用:main.tsimport { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'createApp(App).use(store).use(router).mount('#app')import { registerMicroApps, start } from 'qiankun';// 注册子应用regist原创 2021-03-05 10:45:34 · 5572 阅读 · 14 评论 -
element 左侧导航NavMenu 菜单文字超长 修改css 设置换行
.el-submenu__title { display: flex; align-items: center;}.el-submenu__title span{ white-space: normal; word-break: break-all; line-height: 20px; flex: 1; padding-right: 20px;}.el-menu-item { display: flex; align-items: center; pad.原创 2021-01-15 16:00:37 · 5015 阅读 · 2 评论 -
vue-cli3 创建多页面应用
项目初始化后 将main.js App.vue 复制一份改变后的目录结构修改main.js的文件引用地址import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'Vue.config.productionTip = fal...原创 2020-02-23 14:07:06 · 631 阅读 · 0 评论 -
vue eslint 忽略v-for与v-if 不能同时使用的规则
修改eslint配置文件rules: { "vue/no-use-v-if-with-v-for": ["error", { "allowUsingIterationVar": true }]}原创 2020-01-06 10:48:51 · 4492 阅读 · 2 评论 -
vue 除某元素外点击 触发事件
自定义指令directives: { clickoutside: { // 初始化指令 bind(el, binding, vnode) { function documentHandler(e) { // 这里判断点击的元素是否是本身,是本身,则返回 if (el.contains(e.target)) { ...原创 2019-11-28 19:22:00 · 5433 阅读 · 0 评论 -
初学vue2 之 使用vue脚手架(vue-cli)搭建项目模板并打包
搭建项目1. 使用npm install -g vue-cli全局安装vue脚手架2.使用 vue init webpack vuename(项目名称)初始化项目 可以一路回车或看情况进行配置 Project name 项目名称Project description 项目描述Author 作者In...原创 2018-04-01 20:12:51 · 546 阅读 · 0 评论 -
初学vue2 之使用vuex
使用vue-cli 搭建vue项目通过npm安装vuex npm install vuex --save在main.js中引入和配置vueximport Vue from 'vue'import 'es6-promise/auto' // 防止浏览器不支持promise 可通过 npm install es6-promise --save 安装import App from './App'...原创 2018-04-11 17:40:25 · 1197 阅读 · 0 评论 -
初学vue2 之 组件
全局组件1. 在main.js 内注册一个组件 // import bottom from '../reusecomponents/bottom.vue'// Vue.component('bottom ', bottom)// 注册组件要写在new Vue前面Vue.component('my-component', { template: '<div @clic...原创 2018-04-13 14:29:33 · 187 阅读 · 0 评论 -
初学vue2 之 使用axios实现http请求
1. 使用 npm install axios --save 安装axios 2.新建http.js文件用于封装axios import axios from 'axios';// import { Message } from 'element-ui';// axios.defaults.timeout = 5000;// axios.defaults.baseURL ='';//...原创 2018-04-27 17:40:51 · 2884 阅读 · 0 评论 -
初学vue2 之 路由传参
一 params传参1.设置路由 name和data是参数名export default new Router({ routes: [ ... { path: '/routerparams/:name/:data', name: 'routerparams', component: routerparams } ]})2.跳转...原创 2018-07-15 18:16:50 · 361 阅读 · 0 评论 -
python 记录Django与Vue前后端分离项目搭建
参考链接:https://blog.csdn.net/liuyukuan/article/details/70477095 1. 安装python与vue2. 创建Django项目django-admin startproject ulb_manager3. 进入项目并创建名为backeng的appcd ulb_managerpython manage.py st...原创 2018-09-18 09:57:26 · 9227 阅读 · 4 评论 -
vue 监听dom滚动条距离是否到底
<div class="scroll-y" @scroll="listScroll($event)">listScroll($event) { var _this = this // console.log($event) if ((parseInt($event.target.cl...原创 2019-07-20 16:10:36 · 2408 阅读 · 2 评论 -
vue 数组渲染时 改变数组 页面不渲染
比如要对调数组内两个值顺序advance(index) { if (index == 0) { return } let c = JSON.stringify(this.list[index - 1]) this.$set(this.list, index - 1, JSON.parse(JSON.stringify(this....原创 2019-07-20 16:14:01 · 3437 阅读 · 0 评论 -
初学vue2 之 .stop事件修饰符来阻止事件冒泡
如过我们给父元素和子元素都绑定了点击事件,那么当点击子元素时,同时也会触发父元素的事件,所以我们要阻止事件的传播。如下: <div class="clickfather" @click="father()"> <div class="clickchild" @click="child()"></div> <原创 2018-04-07 18:40:56 · 684 阅读 · 0 评论