![](https://img-blog.csdnimg.cn/20191020225215805.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
格格巫仙女
这个作者很懒,什么都没留下…
展开
-
pinia
pinia转载 2023-02-14 17:54:44 · 315 阅读 · 0 评论 -
element plus 上控件显示的都是英文
import type { App } from 'vue'import ElementPlus from 'element-plus'import locale from 'element-plus/lib/locale/lang/zh-CN'app.use(ElementPlus,{locale });原创 2022-05-31 17:49:24 · 347 阅读 · 0 评论 -
ivew踩坑
日期组件ivew获取到的是UTC时间格式,并不是yyyy-mm-ss格式。如果使用v-model还会将yyyy-mm-ss格式转成UTC时间格式。可以使用on-change有一个格式好后的返回值 <FormItem label="结束期限"> <DatePicker type="date" style="width: 300px" :value=.原创 2022-05-08 21:01:09 · 139 阅读 · 0 评论 -
vue父子组件传值
1,父传子 父组件自定义属性 ,子组件通过props定义预期的数据类型接收2,子传父 父组件自定义事件,用来接收子组件的传值 。子组件通过$emit 触发父组件的事件来传值this.$emit('fatherMethod',this.data);3,父组件调用子组件方法 <div class="report" @click="openchildReport(orderData.id)">举报</div> <!-- 调用子组件,原创 2022-04-20 17:54:28 · 894 阅读 · 0 评论 -
vue状态管理
随着组件的细化,就会遇到多组件状态共享的情况,如果应用不够大,为避免代码繁琐冗余通过使用这个 Observable api 我们可以应对一些简单的跨组件数据状态共享的情况observable()方法,用于设置监控属性,这样就可以监控viewModule中的属性值的变化,让一个对象可响应,并且会在发生改变的时候触发相应的更新。【vue版本 不低于2.6.0】//store.jsimport Vue from 'vue';export let store = Vue.observable({原创 2022-04-19 15:26:19 · 129 阅读 · 0 评论 -
vue初始化data中的数据
//this.$data==>当前data数据 this.$options.data()==>原始data数据//初始化所有数据Object.assign(this.$data,this.$options.data())//初始化某个对象的数据Object.assign(this.$data.xxx,this.$options.data().xxx)原创 2022-04-11 14:32:11 · 2160 阅读 · 0 评论 -
vue3.0 区分生产环境,测试环境,正式环境
1.在根目录下新建.env.xxx文件.env.development // 开发.env.test // 测试.env.production // 正式2.原创 2021-08-23 11:35:10 · 4861 阅读 · 4 评论 -
vue 2.0 和3.0 修改打包后的默认包名
vue2.0 修改config文件下面index.js里vue3.0在项目根目录下面的vue.config.js的文件里(没有可新建)module.exports = { lintOnSave: false, productionSourceMap: false, outputDir:"adTokenPage", //设置打包后的项目目录名称 // 放置静态资源的地方 (js/css/img/font/...) assetsDir:'static..原创 2021-08-23 09:22:52 · 1994 阅读 · 0 评论 -
element table 表头使用v-if,tab切换和分页切换时出现闪动
element table 控制表头显示隐藏只能使用v-if,v-show没效果使用v-if的时候切换时表头数据可能会下掉,出现闪动,分页切换的时候也会出现这个问题 beforeUpdate() { this.$nextTick(() => { //在数据加载完,重新渲染表格 this.$refs["table"].doLayout(); }); },表格内容错乱问题<el-table-column :key="Math.r.原创 2021-08-19 14:22:42 · 1498 阅读 · 3 评论 -
this.$nextTick this.$forceUpdate详解
原理:Vue 是异步执行 DOM 更新的。Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。具体来说:所有同步任务都在主线程上执行,形成一个执行栈。主线程之外,还存在一个"异步的任务队列",当主线程任务执行完,才回去执行异步任务。执行$nextTick的时候,这是一个异步事件,异步事件是 不会立即执行的代码,会被js处理器放到一个队列里。按照队列的顺序优先级等一个个按次序执行。这个地方如果创建一个setTimeout,他也会放到队列中,也...原创 2021-07-29 11:42:35 · 983 阅读 · 0 评论 -
vue pc端调用摄像头进行拍照并实现裁剪上传
参考文档:https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMediahttps://www.cnblogs.com/ljx20180807/p/10839713.html使用vue-cropper裁剪图片参考文档:https://blog.csdn.net/hql1024/article/details/110222217?utm_medium=distribute.pc_relevant.none-ta.原创 2021-07-24 10:52:32 · 930 阅读 · 1 评论 -
ivew table render自定义内容使用
需求:表头添加自定义的图表,且点击的时候触发事件,然后点击table中的表格时,显示该表格其他自定义内容,且内容需要判断开控制显示还是影藏参考文档 :https://note.youdao.com/ynoteshare1/index.html?id=47e12219a125a3838448a13fc830f5d9&type=note<template> <div style="margin-top: 40px"> <Table border :co原创 2021-07-17 17:16:33 · 257 阅读 · 0 评论 -
vue3.0 vue.config.js 配置
https://cli.vuejs.org/zh/config/#pagesvue3.0 vue.config.js,这个对比2.x版本少了很多东西,没有build的配置,也没有webpack的配置,vue cli3.0项目中需要配置其他参数时,需要新建文件’vue.config.js’,(这文件名是固定这么写的),与package.json在同一级目录下。3.0搭建的项目已经取消了config文件夹,所有配置都是在最外层的vue.config.js文件中进行配置module.exports = {原创 2021-05-31 16:13:29 · 645 阅读 · 0 评论 -
vue 3.0实现中英文语言切换
//"vue-i18n": "^9.0.0-beta.17",//main.js//中英文语言切换相关import { createI18n } from 'vue-i18n'const i18n = createI18n({ locale: getLanguageType(), // 获取当前的语言标识 messages: { 'zh': require('./assets/lang/zh'), 'en': require('./assets/l.原创 2021-05-24 12:07:14 · 924 阅读 · 4 评论 -
vue 3.0 和 vue 2.0 设置全局的方法
//main.jsfunction getNetWorkTips (){ //do...}app.config.globalProperties.getNetWorkTips = getNetWorkTips//在页面setup()中使用//jsimport { getCurrentInstance } from "vue";setup(){ const { proxy } = getCurrentInstance(); proxy.getNetWorkTips()}.原创 2021-05-19 18:07:09 · 225 阅读 · 0 评论 -
vue3.0 axios 图片上传
function getFile(event){var file = event.target.files; for (var i = 0; i < file.length; i++) { //上传类型判断 var imgName = file[i].name; var idx = imgName.lastIndexOf("."); if (idx != -1) { var ext = imgName..原创 2021-04-19 17:56:44 · 533 阅读 · 0 评论 -
TypeError: this.getOptions is not a function at Object.lessLoader less安装使用报错
TypeError: this.getOptions is not a function at Object.lessLoader 在vue项目中less报错问题解决less版本问题,卸载重新安装指定版本号npm install less@3.9.0 -snpm install less-loader@5.0.0 -sless使用 第一步:安装npm install less less-loader --save-dev第二步:在配置文件中配置实际上如果我们通过vue-c...转载 2021-04-08 12:18:15 · 3082 阅读 · 2 评论 -
子组件中mounte只执行了一次
在组件标签中加v-if来控制组件出现与否,每次显示子组件的时候,都会执行子组件的mounted,而不加v-if只会执行一次生命周期钩子函数。原创 2021-03-25 11:39:24 · 1234 阅读 · 0 评论 -
vue中子组件的created、mounted钩子中获取不到props中的值问题
如果,子组件中调用的值是动态的,这个时候就需要使用watch处理:参考文章:https://www.cnblogs.com/taohuaya/p/11413178.html原创 2020-10-24 17:46:19 · 785 阅读 · 0 评论 -
require,import区别
es6中import模块js使用export命令输出变量// 设置变量暴露var test = 'Michael';export { test}es6中的import//普通引入:import fs from 'fs' //引入整个fs模块var test = fs.star(....) //调用fs模块中的star方法//结构赋值import { stat,readFile } from 'fs' //引入fs模块中的stat,readFile方法,其余不引入var原创 2020-09-25 11:09:47 · 203 阅读 · 0 评论 -
vue好用的ui框架
pc端element饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻松更快速地开发 web 项目https://element.eleme.cn/#/zh-CN/guide/designView UI,即原先的 iView,是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。https://www.iviewui.com/docs/introducevue-admin-beautiful一款基于vue+element-...原创 2020-09-22 17:32:46 · 608 阅读 · 0 评论 -
vuex使用
1.开发环境中安装 vuex :npm install vuex --save2在src 目录下 , 新建一个 store 文件夹,方便维护管理 , 然后在里面新建一个 index.js :import Vue from 'vue'import Vuex from 'vuex'import user from './user.js' // 用户信息import car from './car.js' //购物车Vue.use(Vuex)//组件多了之后 , 状态也多了 , 这么多状态原创 2020-06-28 23:12:39 · 109 阅读 · 0 评论 -
vuex使用
Vuex 使用一个 Store 对象管理应用的状态,一个 Store 包括 State, Getter, Mutation, Action 四个属性。State:State 意为“状态”,是 vuex 状态管理的数据源。获取数据 this.$store.state.dialog.showGetter:Getter 的作用与 filters 有一些相似,可以将 State 进行过滤后输出。获取经过getter处理后的数据$store.getters.not_showexport defa...转载 2020-06-11 17:23:02 · 148 阅读 · 0 评论 -
vuex的state数据丢失的解决方案
pc端项目,用vuex来做全局的状态管理, 当刷新网页后,保存在vuex实例store里的数据会丢失。比如,用户已经登录了,我把登录状态放到state中了,一刷新页面,还要重新登录产生原因:因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值。解决方案:监听页面是否刷新,如果页面刷新了,将state对象存入到sessionStorage/localStorage中。页面打开之后,判断sessionStorage/localStor转载 2020-06-11 10:06:07 · 1058 阅读 · 1 评论 -
vue 脚手架搭建vue项目
1,检查node https://www.cnblogs.com/returnvalue/p/11451395.html2 检查npm node自带npm3,vue -V 安装脚手架vue cli,输入npm install vue-cli -g ;4,vue init webpack myprojectProject name :项目名称 注意:这里不能使用...原创 2019-12-20 23:22:43 · 85 阅读 · 0 评论 -
vux 的x-button添加@click点击事件无效
转:https://segmentfault.com/q/1010000014166401转载 2019-01-18 15:30:55 · 2335 阅读 · 0 评论 -
vue-cli 配置flexible
转:https://segmentfault.com/a/1190000011883121#articleHeader2转载 2019-02-22 10:05:46 · 285 阅读 · 0 评论 -
vue实现checkbox类似购物车效果
转:https://segmentfault.com/q/1010000008459386转载 2019-01-25 11:33:47 · 725 阅读 · 0 评论 -
报 [Vue warn]: Error in render: "TypeError: Cannot read property 'stInfoCode' of null" 的错误
链接:https://blog.csdn.net/luzhaopan/article/details/82188437具体原因是:渲染的时候数据没有,才导致警告。所有需要先进行判断,数据存在后再进行渲染。原创 2019-01-19 09:50:31 · 1995 阅读 · 0 评论 -
vue 根据判断结果来显示,影藏
转:https://segmentfault.com/q/1010000010909064?sort=created转载 2019-01-18 15:47:10 · 2321 阅读 · 1 评论 -
vue阻止事件冒泡
转https://blog.csdn.net/qq_21859119/article/details/78533584 点击事件修饰符转载 2019-01-18 15:43:05 · 4186 阅读 · 0 评论 -
vue 动态绑定id并传值
转:https://blog.csdn.net/junyu1024/article/details/78722574转载 2019-01-18 15:34:36 · 15649 阅读 · 0 评论 -
Vue实现active点击切换
转:https://blog.csdn.net/qq_38543537/article/details/79142578转载 2019-01-18 15:32:22 · 767 阅读 · 0 评论