Vue
皮蛋solo周(bug终结版)
热爱编程的四叶草
展开
-
element中checkbox组件中的indeterminate状态(全选、半选)
checkbox有三种状态全选(显示的'√'),选中部分(显示的'-'),全不选(空)原创 2023-10-16 15:45:52 · 965 阅读 · 0 评论 -
Vue组件通信
Vue组件通信原创 2023-02-28 14:54:33 · 103 阅读 · 0 评论 -
Vue树状评论
Vue实现树状评论原创 2023-02-26 15:11:34 · 456 阅读 · 0 评论 -
下载node_modules内的依赖包
下载node_modules依赖包原创 2022-09-01 17:40:51 · 2645 阅读 · 3 评论 -
Vue组件的创建与使用
组件的创建与使用原创 2022-08-10 17:45:46 · 392 阅读 · 0 评论 -
Message提示显示时间
element ui 上的Message显示时间由于各种影响,显示的时间会过长或者过短,我们可以在原型链上修改显示的时间import { Message } from 'element-ui';Vue.prototype.$message = function (msg) { Message(msg)}Vue.prototype.$message = function(msg){ return Message({ message:msg, duratio...原创 2022-05-27 14:17:37 · 2008 阅读 · 0 评论 -
VSCode设置自动保存
1.进入设置2.搜索auto save 选择自动保存的方式afterDelay:在配置的“Files:Auto Save Delay”之后,会自动保存具有更改的编辑器onWindowsChange:当窗口失去焦点时,会自动保存具有更改的编辑器onFocusChange:当窗口失去焦点时,会自动保存具有更改的编辑器...原创 2022-05-07 10:58:53 · 1171 阅读 · 0 评论 -
vue elementUI下拉框值无法选中问题
大家在写系统的时候,会有这样的需求:点击修改后吧需要修改的数据放入表单,其中会有下拉单选框、下拉多选框。1、展示下拉框单选框内的数据只需要将所选id赋值给下拉框绑定的值就可以了。在修改的时候,大家会发现下拉框选择不了,出现这问题的原因就是视图更新不够及时,在下拉框绑定一个change事件,写入this.$forceUpdate()就不会出现问题了<el-form-item label="游戏"> <el-select v-model="form.gamesId" filt原创 2022-04-22 14:21:25 · 11241 阅读 · 1 评论 -
图片懒加载
我们写项目的时候,可能会出现图片加载慢或者加载出错的问题,展示出来的界面会很丑,用户体验差的这些问题,这个时候我们就可以使用图片懒加载一、npm 安装cnpm install vue-lazyload --save这里使用的是淘宝镜像cnpm安装,不知道的小伙伴可以查一下二、在main.js文件中进行配置// 图片懒加载import VueLazyload from 'vue-lazyload' //引入依赖Vue.use(VueLazyload) // 配置项Vue.use原创 2022-03-05 09:59:00 · 214 阅读 · 0 评论 -
VSCode运行Vue项目后自动打开浏览器
因脚手架版本的不同,项目运行可以使用npm run dev 和 npm run serve当使用npm run start 的时候在config文件里面找到index.js文件,修改里面的属性autoOpenBrowser: true,当使用npm run serve 的时候在根目录找到vue.config.js文件,修改里面的属性devServer: { open: true, overlay: { warnings: false, errors: true原创 2022-02-22 17:24:35 · 5574 阅读 · 3 评论 -
Vue项目使用插件生成二维码
1.首先要安装插件cnpm install --save qrcodejs22.在页面中引入import QRCode from 'qrcodejs2' // 二维码<template> <div id="qrcode" ref="qrcode"></div></template>生成二维码的方法qrcode () { let qrcode = new QRCode('qrcode', {原创 2022-02-19 17:54:49 · 699 阅读 · 0 评论 -
VScode运行uniapp项目
一、在VScode中创建项目vue create -p dcloudio/uni-preset-vue my-project二、在各种小程序端运行//启动项目(微信小程序)npm run dev:mp-weixin //启动项目(h5)npm run dev:h5 //启动项目(app平台)npm run build:app-plus (也就是App平台运行调试不支持cli方式,需在HBuilderX中运行调试) //启动项目(支付宝小程序) npm run dev:m原创 2021-08-13 13:55:12 · 12574 阅读 · 3 评论 -
Vue相关配置版本的查看
一、查看Vue的版本1.查看全局vue的版本npm info vue注:npm info vue 和 npm info vue version 都可行2.查看项目中vue的版本(局部vue的版本)npm list vue version注:npm list vue version 或者 npm list vue 都是可以的哦3.在package.json中查看vue版本可以直接在项目配置文件中直接查看项目配置的vue的版本二、查看vue-cli的版本vue -Vvue -原创 2021-03-17 10:54:30 · 2815 阅读 · 0 评论 -
创建一个Vue项目
创建一个Vue项目一、前提条件在创建一个Vue项目之前,我们首先得安装VScode和node.js。这里VScode和node.js的安装很简单,也就不再赘述啦。node.js官网:node.jsVScode下载:VScode软件下载(注:第一次使用VScode的小伙伴要注意,VScode需要安装一些插件才会使你的代码看起来更加的漂亮哦)二、全局安装vue-cli全局安装vue-cli可以帮助我们更加快速构建Vue项目。打开VScode的终端(如下图),大家也可在电脑终端安装哦。将路径切换到项原创 2021-03-08 16:30:03 · 196 阅读 · 1 评论 -
报错Error in render: “TypeError: Cannot read property ‘matched‘ of undefined“found
Error in render: "TypeError: Cannot read property ‘matched’ of undefined"found出现这个错误时,npm命令运行不会出错,但是页面会报错创建router实例的时候命名必须规范原创 2021-02-03 12:01:04 · 243 阅读 · 0 评论 -
ESlint 配置文件 ESlint的语法检测
"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名"no-class-assign": 2,//禁止给类赋值"no-cond-assign": 2原创 2021-02-03 11:21:51 · 463 阅读 · 0 评论