vue
summer _q
这个作者很懒,什么都没留下…
展开
-
Vue2安装Vuex报错:npm ERR code ERESOLVE npm ERR ERESOLVE unable to resolve dependency tree.
Vue2安装Vuex报错:npm ERR code ERESOLVE npm ERR ERESOLVE unable to resolve dependency tree.转载 2022-08-25 14:31:17 · 212 阅读 · 1 评论 -
vue2和vue3的10种组件通信
vue2和vue3的10种组件通信转载 2022-08-19 15:16:06 · 193 阅读 · 0 评论 -
vue+element使用表单进行登录 鼠标点击按钮/回车按钮进行登录
vue+element使用表单进行登录 鼠标点击按钮/回车按钮进行登录原创 2022-08-18 16:06:39 · 992 阅读 · 0 评论 -
element使用表格合并列
element表格合并列原创 2022-08-15 17:03:31 · 1014 阅读 · 1 评论 -
element 日期选择器el-date-picker问题记录(清除后报错)
element日期选择器清除报错原创 2022-08-11 10:33:43 · 1721 阅读 · 1 评论 -
vue使用CryptoJS进行加密
1.安装CryptoJS2.在页面种引入crypto-js3.如下使用4.调接口传加密后的数据就ok啦~~原创 2022-06-09 15:17:07 · 2391 阅读 · 2 评论 -
Vue项目使用element中upload组件的http-request自定义上传文件问题及限制文件类型
在修改项目的时候,发现之前项目是对文件类型限制jpeg、jpg、png、docx、mp4、ppt、pdf,结果没有限制住类型,上传webp图片时也可以进行上传。然后在修改的过程中发现,因为我添加了before-remove移除之前钩子函数,然后添加上传之前对文件类型校验时候,若符合就上传成功,否则移除弹框弹出进行删除,目前我去掉了二次确认删除弹框,参考代码:<el-upload class="upload-file" action :before-upload="beforeUpl原创 2022-05-23 10:22:41 · 4618 阅读 · 0 评论 -
vue elementUI中级联选择器获取label值?
vue elementUI中级联选择器获取label值?需求是获取级联选择器的lable 将label赋入到别的div中,如下图:思路:提交表单,我是将更换配件作为一个字段传给后台,然后将下边的数据和input框的数据组成[{}]格式的传给后台,首先获取更换配件的id值,然后获取到节点的信息,比较两者id是否相同,然后进行赋值直接看代码更为清晰:<template> <div class="content"> <el-form ref="testRef"原创 2022-04-26 18:01:36 · 2615 阅读 · 1 评论 -
vue如何自动刷新页面?
https://www.cnblogs.com/yinn/p/9056731.html转载 2021-12-24 15:11:35 · 990 阅读 · 0 评论 -
vue三元运算之多重条件判断
https://blog.csdn.net/ZiChen_Jiang/article/details/117063088?utm_term=vue%E4%B8%89%E5%85%83%E8%A1%A8%E8%BE%BE%E5%BC%8F%E5%A4%9A%E4%B8%AA&utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2allsobaiduweb~default-1-117063088&spm=3001.4430转载 2021-11-03 14:12:30 · 1444 阅读 · 0 评论 -
Vue解决打包时报错TyeError: Class extends value undefined is not a constructor or null
https://blog.csdn.net/weixin_48604432/article/details/120360633转载 2021-10-14 09:20:16 · 354 阅读 · 0 评论 -
vue使用element中dialog点击遮罩层禁止关闭弹框
原创 2021-10-12 15:22:22 · 731 阅读 · 0 评论 -
Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a function“ ————
<el-form-item label="服务时间" prop="serviec_time"> <el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="请选择服务时间" v-model="from.serviec_time"> </el-date-picker> </el-form-item>校验规则serviec_time.原创 2021-10-12 14:05:27 · 614 阅读 · 0 评论 -
浏览器后退按钮
在开发项目的时候,发现一个小问题就是在登录页面的时候点击浏览器返回按钮,直接就退出去了,这样的体验效果当然是不好的,客户在不小心点击返回按钮之后直接页面没了,这样当然是不行的。解决办法:在mounted方法中mounted() { // 登录页阻止回退 history.pushState(null, null, document.URL) window.addEventListener( 'popstate', function() {原创 2021-09-07 15:36:01 · 531 阅读 · 1 评论 -
Vue父组件监听子组件的方法并接收子组件的传值
Vue父组件监听子组件的方法并接收子组件的传值转载 2021-04-27 17:43:21 · 318 阅读 · 0 评论 -
vue父组件异步更新数据,子组件props接收不到父组件传过来的值?-----------解决办法
今天在做项目的时候遇到了类似的问题,后边解决了,今天给大家分享一下,希望可以帮助到大家,谢谢!!!定义了一个变量为空子组件mounted执行时,axios还没有返回值,所以mounted只会执行一次,导致子组件接收不到父组件传过来的值。问题解释:当父组件 axjos 获取数据,子组件使用 props 接收数据时,执行 mounted 的时候 axjos 还没有返回数据,而且 mounted 只执行一次,这时 props 中接收的数据为空。解决方案: 在父组件对应的地方判断原创 2021-04-26 12:21:07 · 1664 阅读 · 1 评论 -
vue 使用swiper
很久没有用过swiper了,最近做一个网站,然后需求使用轮播图,elementui中没有需要的,所以就在swiper插件中找了一下,找到了自己需要的轮播图效果,现在给大家分享一下吧。swiper:swiper官网安装:npm install swiper@3 --save-dev页面引入和注册:import { swiper, swiperSlide } from "vue-awesome-swiper";import "swiper/dist/css/swiper.css";componen原创 2021-04-07 18:29:47 · 233 阅读 · 1 评论 -
vuex使用方法
https://blog.csdn.net/qq_29384639/article/details/99821793?utm_term=vue%E5%85%A8%E5%B1%80%E5%8A%A8%E6%80%81%E5%8F%98%E9%87%8F&utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2allsobaiduweb~default-2-99821793&spm=3001.4430大佬写的不错 ,新手很容转载 2021-03-24 09:58:50 · 45 阅读 · 0 评论 -
echarts不显示纵轴竖线?
使用echarts画柱状图时候,柱状图出来了,但是纵轴的竖线没有出来,后来查看的属性解决了,如下:修改柱子的宽度,如下图:原创 2020-12-18 16:19:18 · 7870 阅读 · 2 评论 -
uni-app 全局引入websocket方法
在做项目时候,一开始引入websocket是在对应的页面进行引入,后来是在项目中需要在全局中定义websocket,项目启动后直接websocket连接,之后我在根目录新建了一个store,里边创建一个websocket.js文件代码如下:websocket.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { socketTask: nul原创 2020-11-12 17:38:10 · 5141 阅读 · 4 评论 -
uni-app中使用vuex的解决方法
在做项目时候,使用uni-app技术时候,一开始引入vuex不知道如何进行引入,之后查了一下get到了,所以来记录一下,希望对大家也会有所帮助!uni-app已经内置了vuex了,所以直接正确引入就行了stroe1.首先在项目根目录下创建一个store文件夹,然后里边创建一个.js文件,我是要用websocket,所以创建的是websocket.js,这里看你自己了。2.在该js文件中定义公共 的数据以及函数,并且将它进行导出,import Vue from 'vue'import Vuex原创 2020-11-12 16:05:08 · 4579 阅读 · 1 评论 -
uni-app建立websocket之遇到的问题总结
最近开始在学习websocket中,业务需要就使用一下uniwebsocket,遇到一个很低级的问题实现步骤<template> <view> <button type="primary" @tap="clickRequest">点击发送请求</button> </view></template><script> export default { onLoad() { // 进入这个页面的时候创原创 2020-08-26 17:21:56 · 4606 阅读 · 1 评论 -
v-for遍历map方法
首先在data定义一个map接下来在接口成功之后进行赋值接下来直接循环map原创 2020-07-27 18:38:03 · 4201 阅读 · 3 评论 -
点击编辑按钮给表单赋值表格数据出现问题解决办法
今天在做项目时遇到了一个点击编辑按钮直接给表单赋值表格的数据,平时在做增删改查的时候点击编辑按钮会调用查看接口进行赋值.但是我也没有直接调用查看接口进行赋值例如直接像上边给表单赋值,这样赋值表单的值会赋上,但是出现的问题就是当我再次点击编辑框在关闭的时候表格的数据会丢失或者直接和上一行数据的内容一样,例如"这是没有点击编辑框之前的效果如下:点击编辑框在关闭时如下图:从哪一个编辑框开始点,之后表格的名称都会变成这样我从一班的编辑框看,依次二班,三班的关闭弹框之后两个都变为一班了;解决办法:1 调原创 2020-07-23 16:48:26 · 649 阅读 · 0 评论 -
vue+elementUI中使用el-upload进行图片上传
代码如下:<el-upload class="avatar-uploader" action :show-file-list="false" :http-request="selectPicUpload" :before-upload="beforeAvatarUpload" :on-remove="hand原创 2020-07-08 19:50:44 · 7642 阅读 · 2 评论 -
vue动态绑定图片和背景图的解决方法
1.动态绑定图片<img class="binding-img" :src="require('../assets/images/test.png')" />2.动态绑定背景图(1)<div class="box" :style="{ 'background': 'url('+ bgurl + ') no-repeat center center','background-size': '100% 100%'}">(2)三元表达式:<div class="bin原创 2020-06-18 13:51:35 · 723 阅读 · 3 评论 -
整理vue的一些基本知识点
基础篇一、说说你对MVVM的理解它采用双向绑定Model-View-ViewModel的缩写,Model代表数据模型, View代表UI组件,ViewModel将View和Model关联起来数据会保存到viewModel层并自动将数据渲染到页面中,视图变化的时候会通知ViewModel层更新数据注【这里还需要了解MVC/MVP/MVVM区别】MVC【M(Model)V(View)C(Controller)】: 所有的通信都是单向的。View:视图-- 用户界面,是直接面向用户界面的视图层原创 2020-05-26 11:18:51 · 661 阅读 · 1 评论 -
vue开发过程中,如何监听数组、对象和具体的变量
原创 2019-10-11 11:01:51 · 629 阅读 · 0 评论 -
vue无法正常启动的常见问题
vue无法正常启动的常见问题今天在jiuejin上down了一个后台管理项目,依赖安装好后,当npm run dev时,出现了如下图的错误! 怎么启动就是一直报错,来来回回的弄了好多遍就是不行,后来打开package.json文件,发现在scripts中并没有dev,而是serve,所有应该用npm run serve启动就好了。希望能够帮助到大家,感谢!...原创 2019-09-09 14:14:04 · 3519 阅读 · 0 评论 -
token的原理及使用
一、登陆的验证流程 当用户请求登陆的时候,如果没有问题,我们在服务端生成一条记录,这个记录可以说明一下登陆的用户是谁, 然后把这条记录的ID号发送给客户端,客户端收到以后把这个ID号存储在Cookie里,下次这个用户再次向服务端发 送请求的时候,可以带着这个Cookie,这样服务端会验证一个这个Cookie里的信息,看看能不能在服务端这里找到 对应的记录,如果可以,说明用...原创 2019-05-28 14:28:08 · 570 阅读 · 0 评论 -
vue如何搭建脚手架
一、安装nodejs(自带npm)// 安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org// 全局安装webpacknpm install webpack –g// 安装vue-cli脚手架构建工具npm install vue-cli –g二、**使用vue-cli构建项目 **// 准...原创 2019-05-07 01:47:38 · 234 阅读 · 1 评论 -
如何在vue中安装及使用layui框架
首先第一步,我们先安装layui,如下图:第二步,安装完成之后,然后接下来你在你文件夹目录下的(node_modules)中找到(dist文件),如下图:第三步,将dist下的文件直接复制到文件目录的static中,那么你就要在static文件当中见一个layui的文件夹,将他们放在里边,如下图:第四步,你就开始可以引入layui中的代码了,直接看步骤吧,哈哈第五步,看看效果图吧,哈哈哈...原创 2019-05-09 01:49:09 · 9146 阅读 · 7 评论