thingir的博客

【代码】vue 中echart导出报表。

vue3项目中，使用sortablejs实现简单拖拽排序功能

侦听reactive用() => prop.name侦听多个用数组() => [props.name, props.id ]setup(props, context) { watch(()=> [props.pid, props.pname], (newValue, oldValue) => { console.log(`原值为${oldValue}`) // 原值为7,同城 console.log(`新值为${newValue}`) // 新值为1,汽.

webpack 和 vite 导入方式不同比如在store的index.js中导入modules下的所有js文件webpack中//导入模块文件import { createStore } from 'vuex'let files = import.meta.globEager('./modules', false, /\.js$/), modules = {};files.keys().forEach((key) => { modules[key.replace(/

权限验证

原理：1）使用:default-active='activePath ' 绑定属性activePath2）点击时，使用select事件把当前path放进sessionStorage里，3）刷新时，从sessionStorage里再获取回来，赋值给activePath<el-menu background-color="#222832" text-color="#fff" :router="true" :default-active='activePath ' @select="saveAct

参考以下文章：图片优化总括：介绍常用的几种方式图片优化一：图片压缩和使用iconfont图片优化二：预加载和懒加载的使用使用懒加载会遇到的问题图片优化三：用image-webpack-loader插件压缩图片...

添加链接描述介绍的很详细的一篇文章，感谢分享 @沈建平！！！

后台项目搭建记录-01：https://blog.youkuaiyun.com/thingir/article/details/10862060802篇记录了如何使用路由结合iview的Menu组件来实现左侧菜单效果的，效果如下：1. 定义路由上一篇记录使用了遍历文件夹的方式来定义routes;这篇使用一下的方法，丰富一下routes的定义方式。路由配置如下：const routes = [ { //首页组件 path: '/', redirect: '...

1.使用vue-cli3新建一个项目2.引入iview//安装iviewnpm install iview --save3.安装后在项目中进行配置 在main.js中引入iview并使用import iview from 'iview'import 'iview/dist/styles/iview.css'Vue.use(iview)4.基础布局知识点：Logo使用环境变量配置根据vue cli3官网已添加.env文件，并添加好环境变量(如左下图)，然后.

1.vue-cli 安装1）vue-cli2安装：npm install vue-cli -g2）vue-cli3安装：npm install @vue/cli -g2.vue-cli 卸载1）vue-cli2卸载：npm uninstall vue-cli -g3.vue-cli 版本查看vue -V 或者 vue --version当vue -V时，提示不是内部或外部命令时，找到vue.cmd，并将其路径加入到环境变量...

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。流程如下官网图所示：基础知识1. storeVuex 的核心就是 store（仓库），它就像一个容器，包含着应用中大部分的状态 state .Vuex与全局对象的不同在于：1）Vuex状态存储为响应式的，store中的状...

1.数值比较a）文本框获取的为字符型，想要对输入的数值做比较，需要在判断时用 Number(val) 来转换成数值型if(Number(val.jfs) ==0 || Number(val.jfs) < 0){ self.$Message.error('请填写正确的积分'); return ;}b）对填入的数值，需要判断几种情况： 1）不为空； ...

1.组件基础需要注意一下几点：a）组件中的data 是一个函数，便于组件的复用；b）每个组件必须只有一个根元素；c）父组件通过prop向子组件传递数据；d）子组件通过 $emit 向父组件返回事件及值；2.prop使用a）注意大小写的使用，在 js 中的prop若使用的是驼峰命名，在html模板中，则应该改成短横线分隔命名； b）prop需要...

1. .sync修饰符的使用用于组件之间数据的“双向绑定”；父组件可以监听子组件的事件并根据需要更新一个本地的数据属性子组件内触发事件的名称应使用update:myPropName命名，例：Vue.component('xqselect',{ template:` <i-select :value="xqvalue" @on-change="ch...

1.switch 值取为0或1 的方法<i-Switch v-model="formAdd.kgzt" true-value="1" false-value="0"></i-Switch>使用 true-value 和 false-value 定义2.date格式化时间通过on-change方法重新赋值<Date-Picker ref="...