Vue
浑浑噩噩撸代码
平凡才是人生的常态...
展开
-
watch 某个属性或者对象
watch监听属性的多种写法(禁止使用箭头函数)原创 2023-03-03 14:41:52 · 112 阅读 · 0 评论 -
Vue3.0、TypeScript学习日常笔记(附demo)
Devtools检查不可用,因为它处于生产模式或显式禁用手动添加后会抛错如标题,需要main.js中添加Vue.config.devtools = true原创 2022-03-22 13:30:06 · 1085 阅读 · 0 评论 -
新搭建vue项目过程中,遇到的问题
1、this.getOptions is not a functionsass-loader 版本太高,安装低版本npm uninstall sass-loader -D // 卸载高版本npm install sass-loader@8.x -D //保存到开发依赖 2、sassError : expected newlinesass改写成 scss3、Cannot read property 'forEach' ...原创 2021-08-05 15:37:14 · 216 阅读 · 0 评论 -
vue-cli新老版本区别及vue3项目环境搭建
脚手架版本和vue版本两者没有必然联系,比如:vue-cli3版本脚手架搭建的环境做vue2.0项目,vue-element-admin查看脚手架版本:vue -V (vue --version 的缩写);查看vue版本:npm list vue;新版本脚手架vue-cli3+,创建项目命令:官网介绍vue create hello-world老版本脚手架vue-cli,创建项目命令:官网介绍vue init webpack <project-name>两个版本.原创 2021-07-20 17:34:35 · 583 阅读 · 0 评论 -
vue过滤器filters
<template> <div> <span>{{ "1597384683" | timeAgo(message,this) }}</span> </div></template>export default { data(){ return { message: 'this is a test', } }, filters: { .原创 2021-07-14 16:49:06 · 91 阅读 · 0 评论 -
Vue.use() 和 Vue.component()
1.Vue.use() 传入的是对象,内部执行时 依旧是 Vue.component()2.Vue.component() 只能同时注册一个组件,而Vue.use() 的install里可以写多个Vue.component()所以基于项目 ,对于我们二次封装的组件 在main.js里,可以用Vue.use()处理(基于代码量简结)比如应用Vue.component(),main.j...原创 2020-03-13 17:33:30 · 1462 阅读 · 0 评论 -
[转载]vue 动态渲染style(动态渲染样式)
转载于https://juejin.im/post/5d5dfbde6fb9a06b122f4226,原文未标注是否允许转载,如禁止,请@我凡是有-的style属性名都要变成驼峰式,比如font-size要变成fontSize 除了绑定值,其他的属性名的值要用引号括起来,比如backgroundColor:'#00a2ff' ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓测试...转载 2020-01-17 10:13:49 · 2177 阅读 · 0 评论 -
vue项目install,Error: Cannot find module 'core-js/modules/es6.regexp.constructor'
vue项目复制后重新install,再run dev报错如下:执行命令:cnpm install core-js@2或npm install core-js@2即可原创 2020-01-05 11:00:02 · 3140 阅读 · 0 评论 -
vue 前端post文件下载,可blob链接格式下载,可base64格式下载
blob链接与base64链接如下项目中三万条数据下载显示失败,所以选了第一种----代码中的 res 是后台返回的流文件。res.data是blob对象,包括size、type2字段与export function loadFile(res) { //后台返回的数据是--文件流的形式---- //通过请求头声明---responseType: 'blob'---获...原创 2020-01-02 16:12:03 · 1469 阅读 · 0 评论 -
handsontable自定义编辑器支持下拉框多选
网上看了一份基于jquery的handsontable下拉多选,费劲千辛万苦----哎-----。项目应用的VUE+elementUI+表格控件handsontable参考jquery自定义编辑器,与现有项目完美切合...步骤一:<link rel="stylesheet prefetch" href="https://cdnjs.cloudflare.com/ajax/l...原创 2019-12-28 16:46:42 · 3989 阅读 · 3 评论 -
handsontable afterChange方法多种调用方式
貌似我这是最全的,:这种属性写法其他博客没看到,哈哈哈哈哈哈哈哈。第一种:用hotSettings里的配置触发此方法(缺点,拿不到vue this 实例)<HotTable ref="testHot" :data="colData" :settings="hotSettings" /> hotSettings: { //各种其他配置 af...原创 2019-12-11 16:05:18 · 2948 阅读 · 2 评论 -
vue路由传递参数
1.通过path来确定匹配的路由,通过query来传递参数传参:goList(title, id) {this.$router.push({path: '/list', query: {title: title, id: id}}); //注意这里是 $router}接参:this.params.brandId = this.$route.query.id;//这里是...原创 2018-10-31 16:42:35 · 300 阅读 · 0 评论 -
vue文件引入路径 ./ ../ @/ @xxx
1../当前文件同级目录,./css/等同于css/2.../当前文件上一级目录3.@及@xxx (xxx为任意数),可在 webpack.base.conf.js 配置文件中配置原创 2019-04-03 11:26:02 · 7634 阅读 · 0 评论 -
element-ui upLoad组件使用遇到的问题
upload上传文件,每个文件的上传都会发送一个请求,如果你要多文件上传且只发送一个请求。需要使用JS自己构造formData数据,当然具体上传时的样式效果依旧是组件的upload的,如下:<!-- action随便写,反正点击提交不走upload自带的上传逻辑 --> <div v-loading="fileLoading"> <e...原创 2019-11-29 11:35:10 · 1752 阅读 · 0 评论 -
vue 、前端rsa加密遇到的问题,message too long for RSA
需求:对登录密码,修改密码过程进行加密,如RSA,3DES等,后台要求,最终选择了RSA加密RSA加密:公钥和私钥(非对称性加密)3DES加密:密钥加密 (对成型加密)第一步:安装jsencryptnpm i jsencrypt第二部:组件里引入vue组件里:import { JSEncrypt } from 'jsencrypt'import { getKey...原创 2019-11-20 09:39:54 · 6782 阅读 · 0 评论 -
vue,cnpm install报错...无法加载文件...ps1,因为在此系统中禁止执行脚本
新公司入职第一天,把上家公司项目拷过来cnpm install 报错如上,解决方法:任务栏搜索--Windows PowerShell 以管理员身份运行并更改执行策略,键入 set -executionpolicy remotesigned...原创 2019-11-12 10:09:55 · 899 阅读 · 0 评论 -
vue 路由异步加载引起的----获取路由参数问题
业务场景:授权的url都带着appId,检测到没有openId时候携带着appId去授权,所以页面上来就去url获取openId和appId问题:拿不到url上的参数?路由 let openId = this.$route.query.openid let appId = this.$route.query.appId上述获取路由...原创 2019-11-08 10:32:31 · 830 阅读 · 0 评论 -
vue 展开、收起
<div style="width:700px;height:500px;border:1px solid #000"> <div v-for="(item,index1) in textArr" ref="bussinessTypeRef" :key="index1" :class="[item....原创 2019-10-24 09:25:19 · 298 阅读 · 0 评论 -
vue添加同class及不同class方式结合实例
上效果图:实例1为添加同一类名,实例二为添加不同类名代码片段: <div style="font-size: 15px;">实例1:</div> <ul> <li v-for="(item,idx) in all" :key="idx" :class="{fontColor:cuIndex===idx}" @...原创 2019-10-20 10:19:05 · 612 阅读 · 0 评论 -
eslint 规则配置
首选项->配置-搜索eslint配置规则:{ "editor.tabSize": 4, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将代码按eslint格式进行修复 "eslint.autoFixOnSave": true, // 添加 vue 支持 ...原创 2019-09-23 13:35:26 · 381 阅读 · 0 评论