![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
魏知非
这个作者很懒,什么都没留下…
展开
-
vue项目引入字体
下载字体.ttf文件到components/numfont文件夹下 在numfont文件夹下新建numfont.css main.js中引入numfont.css 使用字体原创 2021-10-19 14:01:17 · 148 阅读 · 0 评论 -
解决ant design table列宽不生效问题
先来说解决方法:将:scroll="{ x: true }" 修改为 :scroll="{ x:'100%' }"在使用table组件过程中发现 设置了列宽再列数少得情况是生效的,在列宽多的情况下,设置的固定列宽就失效了列数少,显示正常列数少,设置的列宽失效修改scroll属性后显示正常了...原创 2021-05-05 15:34:43 · 9492 阅读 · 1 评论 -
Vue数组被赋值之后修改,会影响被赋值数组
错误写法:this.sortList = this.list此时sortList修改也会影响list,因为list直接将地址赋给了sortList,所以sortList改变了list也会改变解决:this.sortList = [...this.list];原创 2021-03-29 16:57:46 · 641 阅读 · 0 评论 -
Vue UI 创建项目详细步骤
1.首先要安装最新的Vue CLI在命令行工具里输入一下命令npm install -g @vue/cli或者yarn global add @vue/cli安装成功后,可用vue -V命令查看已安装的Vue CLI版本2.在命令行运行 vue ui,就会出现图形化管理在界面上可以看到第一个tab项目,点击创建这个tab ,可以来创建一个新的vue项目...原创 2020-04-28 17:12:53 · 17480 阅读 · 7 评论 -
Vue packages version mismatch: Vue包版本不匹配解决方案
在运行过程中出现的报错如下:Vue packages version mismatch:- vue@2.6.10- vue-server-renderer@2.6.11This may cause things to work incorrectly. Make sure to use the same version for both.根据提示然后需要将vue和vue-serv...原创 2020-03-25 10:52:06 · 8194 阅读 · 1 评论 -
zTree设置父节点不可选中,只可选中子节点(也可根据需求设置节点选中状态)
有两种方法:显示check radio 但是不能选中父节点,只能选中子节点;另一种方法是直接不显示父节点的check radio一、是在callback里写回调方法,都是显示check radio的,有两种情况,一种是不可选择,一种是判断是否是父节点,是的话直接返回callback: { beforeCheck: this.zTreeBeforeCheck,//在...原创 2019-11-08 17:16:40 · 11541 阅读 · 2 评论 -
关于HBuilder打包vue项目 app返回问题
HBuilder打包vue项目时,发现app按返回键就直接退出应用了,用了大佬提供的方法,链接如下:https://blog.csdn.net/qq_25252769/article/details/76913083我用的是需要mui.js版本的代码,再模拟运行的时候可以按手机的返回键返回上一级,但是不能按两次后退出,提示TypeError: Cannot read property ...原创 2019-11-07 09:19:40 · 752 阅读 · 0 评论 -
vue cli 打包静态资源,引入静态js
最近在vue项目中遇到index.html文件中引入js报错还是第一行报错:Uncaught SyntaxError: Unexpected token <当前引入路径:当前引入路径:有可能是引入路径不对,验证了一下,可以跳转,说明路径正确,排除这个可能后来找到一种解决方法,就是将需要引入的js文件放到与index.html文件同级的目录下:i...原创 2019-11-06 10:38:02 · 2999 阅读 · 0 评论 -
Error: Can't resolve 'vue-runtime-helpers' in
ERROR in ./node_modules/vue-gallery-slideshow/dist/js/vue-gallery-slideshow.jsModule not found: Error: Can't resolve 'vue-runtime-helpers' in 'F:\PATZN\patzn-cloud-web-back-res\node_modules\vue-galle...原创 2019-10-31 14:07:05 · 4735 阅读 · 0 评论 -
vue中实现pdf文件预览的方法
第一种就是直接用window.open方法打开后台返回的pdf预览地址第二种就是将pdf预览的地址放在<embed>标签中:效果如下代码如下<p slot="header">预览PDF质保书</p><div> <embed :src="embedSrc" ...原创 2019-10-24 16:41:04 · 9223 阅读 · 1 评论 -
对Vue生命周期的一些理解
每个 Vue 实例在被创建时都要经过一系列的初始化过程,在这个初始化过程中也会运行一些叫做生命周期钩子的函数,这些函数就是vue的生命周期。官方的生命周期图示:vue的生命周期如下:beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed先创建一个...原创 2019-08-26 17:20:18 · 138 阅读 · 0 评论 -
VUE:简易购物车加减按钮
效果图:HTML:<div class="box"> <ul id="car"> <li>宝贝数量:</li> <li><button v-on:click="subtract()">原创 2018-07-24 18:36:10 · 11262 阅读 · 2 评论 -
vue.js手机号正则表达式验证
getCode() { if (this.mobile === '') { this.$vux.toast.show({ type: 'text', text: '请输入手机号', time: 2000 }); this.selected = tru...原创 2018-09-08 15:26:05 · 15002 阅读 · 5 评论 -
iView关于表单label字体无法改变大小问题
在form表单添加一个class属性然后通过这个class属性来覆盖原有的css属性就ok啦<Form id="edit-form" ref="formObj" :model="formObj" :rules="ruleValidate" :label-width="110" class="aaa"> <Form-item size="medium" label...原创 2018-12-06 21:39:21 · 12304 阅读 · 3 评论 -
strict模式下不允许定义一个属性有多个定义
在使用Element+VUE项目中发现的,只是在IE中回报错这个错然后找出错的地方:原因是标签中重复定义了clearable属性。删除重复定义的属性就好了。再发现报错的话,可以先考虑重复定义的属性。 ...原创 2018-12-14 16:00:27 · 4192 阅读 · 3 评论 -
element-UI之Form表单验证
1、在Form-item提示填写信息<Form-item label="分类名称" prop="name"> <Tooltip content="只能输入中英文字符且长度为0-40" placement="bottom-start"> <Input name="name" v-model="formObj.na...原创 2018-12-17 15:47:51 · 1541 阅读 · 1 评论 -
如何在VUE项目中升级Element-UI版本
1.在项目中升级ElementUI需要先卸载原先的版本,在命令行中输入:npm uninstall element-ui2.重新安装需要的版本npm install element-ui –S (安装最新版本)npm install element-ui@2.4.11 --save(安装到指定版本,此处是2.4.11版本)3.最后在main.js中把default修改为the...原创 2019-07-27 15:43:09 · 8949 阅读 · 0 评论 -
echarts柱状图
最近做到了统计,用到了echart,做了一个简单的例子先来看最终的效果图option:{ title : { text: '送检按时完成率', subtext: '数据来自xxxx有限公司', x: 'center', align: 'right' ...原创 2019-07-27 16:45:20 · 729 阅读 · 0 评论 -
搭建vue环境
1.下载nodejs安装包并安装(菜鸟教程)2.在cmd里输入 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install -g vue-cli //安装全局脚手架 vue //显示vue...转载 2018-07-23 15:21:56 · 110 阅读 · 0 评论