![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
RN_David
这个作者很懒,什么都没留下…
展开
-
vant之ImagePreview 图片预览组件
vant之ImagePreview 图片预览组件请看官方介绍由此可见,此组件适用于图片预览。笔者目前的项目为新财务系统,是集报销、OCR识别、商旅等一体的跨平台的内嵌应用系统,具体不过多解释。其中OCR识别是,详情内涉及到了图片预览功能,在Android中正常,在IOS中笔者发现pdf格式的文件能自动转化为图片进行预览展示,因觉得有意思记录一下,并为了以后有兴趣时跟踪一下原因!...原创 2021-06-21 17:13:40 · 795 阅读 · 0 评论 -
vue之typescript配置和使用
vue之typescript配置和使用目前笔者在找前端工程师工作(vue方向),发现许多公司都要求会使用TypeScript,花了一点时间把TypeScript看完了,今天将介绍vue中typescript使用第一步,在创建项目时选中typescript,如下:第二步,在安装装饰器来简化书写npm install vue-class-component vue-property-decorator第三步,改写代码,将创建初始项目里面HelloWorld.vue里面写个简单计数器,代码如下:&原创 2020-10-08 18:41:32 · 338 阅读 · 0 评论 -
Vue---动态绑定CSS样式
标题Vue之动态绑定CSS样式效果图:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin: 0; padding: 0; } ul li { list-style: none; border: #ddd solid 1px;原创 2020-05-23 12:28:36 · 300 阅读 · 0 评论 -
vue学习记录---路由带参跳转坑!!!
vue学习记录—路由带参跳转坑!!!跳转带参共有两种方式query和params1.params(params类似于post,即在浏览器地址栏中不显示参数。)传递参数跳转this.$router.push({name: 'index_jobDetails',params:{id: 1}})接受参数this.$route.params.id注意:一定是name 路径不要带‘/’;2...原创 2020-04-03 23:41:57 · 198 阅读 · 0 评论 -
vue移动端适配---flexible.js
vue移动端适配—flexible.js最近在自学vue,在做项目时遇到移动端适配问题,通过努力找到了一个非常适合的新的淘宝适配插件。废话不多说使用步骤:安装 flexiblenpm i lib-flexible安装px2rem-loadernpm install px2rem-loader --save在项目入口文件main.js 中引入lib-flexible去掉目标文件的i...原创 2020-04-02 18:22:52 · 638 阅读 · 0 评论 -
vue学习记录---指令
指令v-textv-htmlv-showv-ifv-elsev-else-ifv-forv-onv-bindv-modelv-slotv-prev-cloakv-oncev-text数据绑定指令,可以防止闪屏!<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span>...原创 2020-04-02 17:40:55 · 145 阅读 · 0 评论 -
vue学习记录---创建项目
vue学习记录—创建项目独立版本可以再vue.js的官网下载vue.min.js并用Staticfile CDN(国内) : https://cdn.staticfile.org/vue/2.2.2/vue.min.jsunpkg:https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。cdnjs : https://cdnjs...原创 2020-03-27 15:01:13 · 133 阅读 · 0 评论