
VUE
Moshow郑锴
Powered by Core iMoshow
-
原创 vue/elementUI CheckBox多选框赋值(设置`el-checkbox-group`以及`v-for`遍历`el-checkbox`)
最近有个功能,需要给项目添加一个多选赋值的功能,项目基于renren-security也就是半js半vue模式的前端。**需求展示:**- 给定一个字段,例如技术领域,页面上设置为checkbox多选项。- 选择之后,保存json字符串到数据库(直接value的形式)- 列表展示直接用json字符串展示- 详情页面根据之前选定的json字符串设置对应的选项打勾2021-01-07 23:36:40950
0
-
原创 vue图片缩略图及图片预览功能
上次有个需求,是要给图片做个缩略图以及预览功能。其实用vue来实现是很简单的, 几句代码可以搞定,也不需要什么额外的插件。实现的效果如下:- vue显示图片缩略图- vue显示图片预览功能2021-01-01 00:37:55263
0
-
原创 vue: 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上`禁止运行脚本`。(powershell运行策略设置)
vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。Solution该问题的solution就是通过powershell去解除Execution_Policies(运行策略)的限制。开始菜单或者小娜搜索输入powershel..2020-10-31 17:58:47548
4
-
原创 vue element-UI使用el-select时@change不能触发的解决方案(通过el-option @click.native原生方法)
前言在下刚入门VUE不久,最近有个项目的页面进行了VUE改造,使用的是 element-UI ,其中有个功能如下,有一下拉选择列表:证书类别,选择其中某个证书类别,自动根据证书类别设置的前缀填写到证书编号的输入框中去。 按道理这是一个onChange事件,也就是el-select的@Change事件可以搞定,但是却多次输出的undefined,最后通过改变思路,使用了el-option的@click.native的原生方法来实现。源代码+解决方案源代码+解决方案一起验证,忽略其他细节不看,我们可以发2020-10-18 22:40:441100
0
-
原创 vue对时间戳判断昨天今天过去
需求背景最近有这么个需求,需要再vue中对日期进行判断,从而显示某些数据是昨日还是今日 。解决方案 <el-card class="box-card"> <div slot="header" class="clearfix"> <span>招标信息 <el-tag>{{date|formatDate(this)}}</el-tag></span> <!--2020-08-08 17:04:03315
0
-
原创 uni-app获取小程序带参
背景继上一篇我们使用springboot生成带参数的小程序码之后,我们就需要在小程序里面接收对应的scene参数,在uni-app里面怎么接收小程序scene参数,网上很多攻略讲不清楚,在哪里调用,怎么调用也没讲,这里特地捋了一下思路。这里DEMO是以一个证书查询系统来弄。微信扫码带参的二维码/小程序码,自动跳转到小程序,并且识别和填充参数到界面上,这里是填充证书编号certNumber=xxxx关于怎么生成可以看Java/SpringBoot获取小程序带参二维码并保存到本地核心代码for un2020-07-27 22:59:081658
0
-
原创 vue/js时间戳转标准格式
问题背景有时候后端java返回的时间格式是时间戳,这个是由于ORM映射的关系一般都映射为时间戳,所以不能直接用于显示的,例如1554710403000,需要前端js/vue进行转换。解决方案// 初级转换:时间戳 => 标准格式 formatterDate(data) { //blog.csdn.net/moshowgame var date = new Date...2019-04-08 16:57:031651
1
-
原创 vue转换时间格式的过滤器
既然是做系统,通常都离不开时间的装换,今天遇到的这个功能是做个`vue` 的 `formatDate 时间转换`的 `filter 过滤器` 需求如下:- 提前封装好`过滤器formatDate`- `data`里面定义 `date: new Date()`- 直接`template`可以使用 `{{date|formatDate(this)}}`2020-07-12 21:42:06356
0
-
原创 vue给data中的数据赋值报错问题(TypeError: Cannot set property ‘tableData‘ of undefined)
问题背景最近刚入门vue,有个典型的场景,也是简单的坑。就是需要通过axios请求数据之后,将数据赋予到data中的tableData,而table组件会根据tableData双向绑定自动渲染。但是当我赋值的时候TypeError: Cannot set property 'tableData' of undefined。究竟怎么回事呢。分析代码看起来,好像并没有什么毛病。。。export default { data() { return { total: 0, //默认2020-07-11 16:21:152236
3
-
原创 解决Axios跨域问题(Axios跨域问题解决方案)
Axios是不允许跨域访问的,别说跨域,跨端口都不行。例如某项目我本地vue前端frontEnd为`localhost:8888`,Java后台 backEnd为`localhost:8889`。这个时候就有两个方案了:- 修改`frontEnd`前端,支持跨域(通过代理的形式,当然这种是`伪跨域`,但是挺有用,前提是后端不限制即可)。- 修改`backEnd`后台,支持跨域(同时限制可跨域名,不在本文讨论范围,且看过往处理方式)。2020-07-11 15:52:3810890
2
-
原创 node中安装yarn(nodejs Yarn替代npm包管理) +设置阿里云镜像加速
什么是Yarn?Yarn是Facebook公司出品的用于管理nodejs包的一款软件,开发过nodejs的同学应该知道,我们一般都使用npm作为我们nodejs项目的模块管理器,但npm有一些历史遗留问题:极其快速。Yarn 会缓存它下载的每个包,所以无需重复下载。它还能并行化操作以最大化资源利用率,安装速度之快前所未有。特别安全。Yarn会在每个安装包被执行前校验其完整性。超级可靠。...2019-12-02 22:49:481545
0
-
原创 npm install报错(The platform “win32“ is incompatible with this module)
问题背景最近入门Vue,那么使用了最新的nodejs和yarn和npm,使用vue-cli脚手架新建项目之后进行npm install / yarn install ,结果发现以下报错,报错信息非常费解,因为提示的是python2不适合当前平台?一脸问号。d:\workspace\vue\vue-studyλ yarn installyarn install v1.22.4info No lockfile found.[1/4] Resolving packages...warning bab2020-07-08 14:19:262201
0
-
原创 VUE报错You are using the runtime-only build of Vue where the template compiler is not available
问题背景今天在入门vue-route但是发现怎么处理都有以下报错,并且参考了网上大多数解决方法都不行,最后找到一个最终的解决方法,这才搞定,但愿可以帮到每个路过的入门者。报错信息[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use2020-07-07 17:15:4511112
10