![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
陈熙之
又要写代码 又要管数据库 又要管服务器 最后都是半残
展开
-
el-tree组件 选中高亮变色
el-tree组件 选中高亮变色原创 2023-02-07 22:48:32 · 856 阅读 · 0 评论 -
vue clearValidate() 没有生效
vue clearValidate() 没有生效原创 2023-02-06 23:32:05 · 2291 阅读 · 0 评论 -
vue $emit 执行父组件的方法不执行
vue $emit 执行父组件的方法不执行原创 2023-02-06 23:25:34 · 673 阅读 · 0 评论 -
npm install 异常“While resolving: vue3_cli_default@0.0.0”
legacy的意思:遗产/(软件或硬件)已过时但因使用范围广而难以替代的;而npm install xxxx --legacy-peer-deps命令用于绕过peerDependency里依赖的自动安装;它告诉npm忽略项目中引入的各个依赖模块之间依赖相同但版本不同的问题,以npm v3-v6的方式去继续执行安装操作。所以其实该命令并没有真的解决冲突,而是忽略了冲突,以“过时”(v3-v6)的方式进行下载操作。解决下载时候产生的依赖冲突。原创 2023-02-04 23:00:27 · 1194 阅读 · 0 评论 -
vue组件使用v-show失效
在data里定义了一个show来控制这2个组件的显示,今天突然出问题了。show的值都正常,连使用监听另外给他定义一个值也没得反应。这是一个很诡异的问题,之前这个项目一直运行正常。最后只有加了一个div,在上面控制,就正常了。原创 2023-01-06 11:08:52 · 312 阅读 · 0 评论 -
vue使用vue-qr生成二维码
【代码】vue使用vue-qr生成二维码。原创 2023-01-05 10:17:20 · 122 阅读 · 0 评论 -
解决高德地图api叠加Imagelayer播放雷达图闪烁
然后各种百度,看其他人的文章,也没什么收获。高德文档,翻了几圈了,注释的代码都一大堆,各种函数测试了一圈。后来发现Imagelayer的一个事件,关键就在于这玩意,解决了大问题,播放看着就流畅了。这里使用Math.floor,不进位,开始使用round(),直接给我溢出了100。最开始,是先删除原来的图层,再叠加图层, 中间会出现一下闪烁的感觉,很恶心。顺带记录下那个时间轴,也是恶心死了(0-100)的范围。计算步长,又会出现有小数点太多,项目是vue写的,引用高德JS。js的小数运算真心恶心。原创 2022-11-19 15:33:59 · 1297 阅读 · 1 评论 -
<router-view> can no longer be used directly inside <transition> or <keep-alive>.
router view>不能直接在<transition>或<keep alive>中使用。keep包router。照着这个提示复制上去。原创 2022-11-02 22:49:01 · 3741 阅读 · 0 评论 -
vue 使用多个router-view
关键路由设置,必须是一个嵌套路由,不能写component了,改成components,p1,p2对应index页的。页面为访问index的时候,同时加载p1-p4。原创 2022-11-02 22:48:39 · 2072 阅读 · 0 评论 -
element-plus + VUE3 项目 build 之后 el-cascader无法选中
在data定义了一个变量。然后对接cascader的v-model值。一切都是那么理所当然。在run dev模式下,完全没问题当发布之后。。。无法选中了。。。<el-cascader v-model="selRegion" :options="RegionTreeCascader":show-all-levels="true" separator=" - " :props="{checkStrictly: true ,expandTrigger:'hover',valu原创 2022-05-26 00:21:32 · 1409 阅读 · 3 评论 -
element-plus + VUE3 项目 build 之后 el-select无法选中
这个项目在运行npm run dev,一切正常,但是build之后,所有el-select无法选中。项目里的el-select是被我单独封装了一个组件。最后才发现是在data里定义的时候,没有定义对象的属性。之前在vue2.0中,一直偷懒,data定义弹窗加载的对象都是直接定义的一个空对象,后面axios加载数据赋值后直接就能读取绑定上。最后改成这样,build之后正常了。也许因为没有定义对象的属性,不属于响应式对象,也许更多的原因,可能是因为封装的组件还不够完美,能觉得原创 2022-05-19 23:50:12 · 865 阅读 · 0 评论 -
el-scrollbar 异步请求后导致滚动无效
原本直接读取data里的数据,一切正常,当异步之后,滚动条没有了<el-scrollbar ref="scrollDiv"> <ul class="fwprod-total clearfix" ref="fwAll" :style="{width:allWidth + 'px'}"> <li class="fwprod-total-item" v-for="(item,index) in fwtotal" :key="index" :styl原创 2022-05-18 11:48:03 · 1234 阅读 · 2 评论 -
vue 多次调用同组件 内部echart只渲染一次
有一个7天预报的组件,内部是一个echart的曲线图,很多个页面都会调用,第一个页面正常渲染,其他则无效原始代码<div class="czwf-col3-main width100 height100" id="forcLineChart2"></div>myChart7day = echarts.init(document.getElementById("forcLineChart2"));修改代码<div class="czwf-col3-m原创 2022-05-06 09:10:49 · 1014 阅读 · 1 评论 -
el-carousel 初始化不加载数据
vue + axios 跑马灯初始化加载数据的时候,默认没有显示图片<el-carousel height="100%" class="height100 arrow-block arrow-button-bg" :autoplay="true" arrow="always" indicator-position="none" :interval="interval" ref="carouselswiper2" initial-index="0"> <el-c原创 2022-04-13 09:42:13 · 1059 阅读 · 0 评论 -
vue动态组件
因为左侧菜单点击后,右侧会出一些小模块功能,不想去做隐藏显示,不然越多越麻烦,就使用了动态组件引用组件import gzfwys from '../components/home/second/gzfw_ys.vue'import gzfwsh from '../components/home/second/gzfw_sh.vue'import gzfwkp from '../components/home/second/gzfw_kp.vue'components:{ g原创 2022-04-09 14:33:21 · 899 阅读 · 0 评论 -
vue $refs.组件 找组件为{}
遇到一个怪异的事情,前端给了一个VUE页面,里面有5个组件,点击左侧按钮,做隐藏显示。let jcfw_cpdy = this.$parent.$refs.cpdy;let jcfw_djcp = this.$parent.$refs.djcp;let jcfw_fwtj = this.$parent.$refs.fwtj;let jcfw_yjcp = this.$parent.$refs.yjcp;let jcfw_znzz = this.$parent.$refs.znzz;使用..原创 2022-03-24 15:42:12 · 1583 阅读 · 0 评论 -
VUE3.0 运行提示 Cannot find module ‘worker_threads‘
拿到一个VUE3.0的项目,之前在家测试的时候install一下就能运行了,到公司本说能写几句。结果发现运行不起,有错,一闪而过。只有单独运行出来看提示 Cannot find module 'worker_threads',百度发现是版本低了以往的版本 | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/zh-cn/download/relea原创 2022-03-01 10:09:17 · 1138 阅读 · 0 评论 -
ONLYOFFICE 在VUE的dialog中加载,必须先摧毁
之前使用ONLYOFFICE一直都是加载的页面,只要动态改变了KEY就不会出现缓存文档的问题,这次换成VUE的弹层,数据访问了,config也正确拼装了,然而一直加载的同一个文档。在data里定义对象DocEditor,在加载的时候调用一次,必须先摧毁,这样才会每次加载。if(this.DocEditor!=null){ this.DocEditor.destroyEditor()}这里只是一个简单的读取功能let url = xxxxxxxxxxxxxxxxxx + "?原创 2022-02-14 08:45:02 · 997 阅读 · 2 评论 -
VUE Select无法赋默认值
当赋值时,值为 number/string 的时候,是"0","1" 这种会被默认为number当数组的值为:[ { "label": "小型", "value": "1" }, { "label": "中型", "value": "2" }, { "label": "大型", "value": "3" }, { "label":原创 2021-12-02 15:56:33 · 760 阅读 · 0 评论 -
uniapp 做的一个房贷计算器
在支付宝的文档中找到一个比较详细的公式等额本息计算公式每月还款额=贷款本金×[月利率×(1+月利率)^还款月数]÷[(1+月利率)^还款月数-1]总支付利息:总利息=还款月数×每月月供额-贷款本金每月应还利息=贷款本金×月利率×〔(1+月利率)^还款月数-(1+月利率)^(还款月序号-1)〕÷〔(1+月利率)^还款月数-1〕每月应还本金=贷款本金×月利率×(1+月利率)^(还款月序号-1)÷〔(1+月利率)^还款月数-1〕总利息=还款月数×每月月供额-贷款本金 等额本金计算..原创 2021-10-15 09:58:01 · 1265 阅读 · 2 评论 -
vue v-for 循环体内的点击事件参数为undefined
一个循环体内,click事件,获取不到循环体的值<view class="hot-building-item" v-for="(item, value) in conts" :key="item.value"><view class="hot-building-item_image"><image :src="item.src" @click="propertyInfo(item.value)"></image></view><原创 2021-10-08 20:22:38 · 2068 阅读 · 4 评论 -
vue.js:634 [Vue warn]: Error in v-on handler: “TypeError: XXXX is not a func
有两种情况:1.的确没有这个方法。2.data里面有参数跟方法名重复了。原创 2021-09-29 09:24:57 · 3234 阅读 · 0 评论 -
VUE 使用echart 遇到的异常
<el-row v-show="typeshow!='0'"> <el-col :span="24"> <div id="chart-histogram" style="width:100%;height:500px;border:1px solid #808080;" ref="histogram"> </div> .原创 2021-08-24 13:42:47 · 471 阅读 · 0 评论 -
vue iframe里页面调用父级的方法
iframe 内调用父级方法clickMore(id, title) { parent.index.To("XXXXXXXXXXXXXXXXXXXXX" + id, id, title) }iframe 外var index = new Vue({methods: {To(url, id, name) {。。。}}})parent.index.To()index是父级的vue的变量 To父级对应的方.原创 2021-08-20 12:42:48 · 1822 阅读 · 0 评论 -
VUE 纵向表格
表格拼装看下效果<el-table ref="mainTable" :data="tddata" border style="width: 12%;float:left;" v-loading="listLoading" size="mini" :stripe="true" id="ptd"> <el-table-column align="center" prop="name" label="参数名称"> .原创 2021-08-18 13:38:46 · 2717 阅读 · 0 评论 -
vue el-tabs 鼠标滚轮滚动切换
把el-tabs el-tab-pane的name拿来做一个数组activeName: 'first',arrtab: ['first', 'third', 'fourth', 'second', 'dongtai', 'dianping', 'xiangce'],//鼠标滚动事件 handleScroll(e) { console.log("arrtab",this.arrtab.length) .原创 2021-08-10 09:56:13 · 2102 阅读 · 1 评论 -
el-table 根据列内容来隐藏该列
table的列是不定项的,会出现一些多余的无效列,列里面都写的无效<el-table ref="crossTable" :data="crossDatalist" border style="width: 100%" v-loading="listLoading" fit size="mini" :show-header="false" v-if="crossDatalist.length>0">原创 2021-08-09 10:43:17 · 2634 阅读 · 0 评论 -
ueditor 集成 .net core + vue
一个恶心的项目把文件搞到安装包配置文件丢到根目录 "imageActionName": "uploadimage", /* 执行上传图片的action名称 */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 2048000, /* 上传大小限制,单位B */ "imageAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp" ],..原创 2021-07-30 09:02:37 · 383 阅读 · 0 评论 -
el-checkbox 全选/反选 赋值
我的数据是[{"label":"住宅","value":"1"},{"label":"商业","value":"2"},{"label":"公寓","value":"3"}]目的是返回一个数组[1,2,3]<el-checkbox :indeterminate="isuseIndeterminate" v-model="usecheckAll" @@change="useCheckAllChange">全选</el-checkbox> .原创 2021-07-29 14:54:23 · 1158 阅读 · 0 评论 -
vue 路由参数非必传
原本路由是一个add页面,如下:{ path: '/customers', component: Layout, children: [ { path: 'add', component: () => import('@/views/customers/Add'), name: 'customersadd',原创 2021-06-24 15:52:17 · 2431 阅读 · 0 评论 -
VS2019下尝试vuex
安装在src目录下创建文件夹store、添加index.js文件import Vue from 'vue';//Vue 核心库导人import Vuex from 'vuex';//Vue 核心库导人Vue.use(Vuex)//创建构造函数const store = new Vuex.Store({//注意:new Vuex.Store Store 必须大写 vuex__WEBPACK_IMPORTED_MODULE_1__.default.store is not a constr原创 2021-06-23 15:23:26 · 176 阅读 · 0 评论 -
VS2019+node.js+vue塔项目环境练手
创建项目vs2019 选择基本vue.js Web应用程序脚手架什么的都自动有了。先看下https://cli.vuejs.org/zh/guide/cli-service.html#vue-cli-service-serve修改了下package.json对应的生成环境“scripts”: {“serve”: “vue-cli-service serve”,“build”: “vue-cli-service build”,“lint”: “vue-cli-service lint原创 2021-06-22 17:33:43 · 1115 阅读 · 0 评论 -
访问url的时候,Request Headers的汉字必须编码
问题是出现在VUE网站调用WEBAPI的接口,为了安全,增加了验证export function createsign(data) { if (data != null && data != undefined) { data = objKeySort(data); var txt = ""; var newkey = Object.keys(data); for (var i = 0; i < newkey....原创 2021-06-08 18:00:11 · 1470 阅读 · 0 评论 -
VUE调用MD5和webapi中的MD5 差异
项目是AUE网站调用WEBAPI的接口,为了安全,增加了验证,用的就是常规操作,appid timestamp appsecret sign ,.net5中params原创 2021-05-31 09:15:25 · 180 阅读 · 0 评论 -
VUE 子组件调用父组件的方法
改了一个组件,组件里有些按钮需要调用方法,之前没有遇到过,都是对原本的element-ui的控件做二次封装,一般是在组件最外层加上@input @change之类,但是这次是内部的按钮事件,就懵逼了。研究很久,才发现可以在父组件里把方法当做子组件的参数传递进来。子组件:<template> <el-table ref="subTable" :data="formatData" :row-key="handleRowKey" :default-expand-all="ex.原创 2021-05-21 09:53:45 · 459 阅读 · 1 评论 -
el-tree二次封装
学习VUE+Element一周左右,完全小白。。。有错勿喷下面就是二次封装组件的代码<template> <el-tree :data="optionList" node-key="id" :highligh-tcurrent="highlightcurrent" :props="defaultProps" :show-checkbox="checkbox" :default-expand-all="expandall" :api="api" :原创 2021-05-13 12:39:19 · 1633 阅读 · 3 评论