vue
RN_David
这个作者很懒,什么都没留下…
展开
-
vant之ImagePreview 图片预览组件
vant之ImagePreview 图片预览组件 请看官方介绍 由此可见,此组件适用于图片预览。笔者目前的项目为新财务系统,是集报销、OCR识别、商旅等一体的跨平台的内嵌应用系统,具体不过多解释。其中OCR识别是,详情内涉及到了图片预览功能,在Android中正常,在IOS中笔者发现pdf格式的文件能自动转化为图片进行预览展示,因觉得有意思记录一下,并为了以后有兴趣时跟踪一下原因! ...原创 2021-06-21 17:13:40 · 837 阅读 · 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 · 345 阅读 · 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 · 310 阅读 · 0 评论 -
vue学习记录---路由带参跳转坑!!!
vue学习记录—路由带参跳转坑!!! 跳转带参共有两种方式query和params 1.params(params类似于post,即在浏览器地址栏中不显示参数。) 传递参数跳转 this.$router.push({name: 'index_jobDetails',params:{id: 1}}) 接受参数 this.$route.params.id 注意:一定是name 路径不要带‘/’; 2...原创 2020-04-03 23:41:57 · 215 阅读 · 0 评论 -
vue移动端适配---flexible.js
vue移动端适配—flexible.js 最近在自学vue,在做项目时遇到移动端适配问题,通过努力找到了一个非常适合的新的淘宝适配插件。废话不多说使用步骤: 安装 flexible npm i lib-flexible 安装px2rem-loader npm install px2rem-loader --save 在项目入口文件main.js 中引入lib-flexible 去掉目标文件的i...原创 2020-04-02 18:22:52 · 648 阅读 · 0 评论 -
vue学习记录---指令
指令v-textv-htmlv-showv-ifv-elsev-else-ifv-forv-onv-bindv-modelv-slotv-prev-cloakv-once v-text 数据绑定指令,可以防止闪屏! <span v-text="msg"></span> <!-- 和下面的一样 --> <span>{{msg}}</span>...原创 2020-04-02 17:40:55 · 411 阅读 · 0 评论 -
vue学习记录---创建项目
vue学习记录—创建项目 独立版本 可以再vue.js的官网下载vue.min.js并用Staticfile CDN(国内) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js unpkg:https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。 cdnjs : https://cdnjs...原创 2020-03-27 15:01:13 · 163 阅读 · 0 评论