vue
Jqlender
这个作者很懒,什么都没留下…
展开
-
vue框架实现pdf在线预览
记录下实现pdf预览展示的坑,刚开始使用vue-pdf在本地运行是可以展示的,但是发布测试环境展示不出来报以下错误:网上找的的是:网上搜到的解决方法但是我看半天不知道怎么解决,然后换pdfjs-dist插件安装npm install pdfjs-dist --save引入import PDFJS from "pdfjs-dist";console.log(PDFJS) //undefined打印PDFJS返回undefiend解决办法删掉前面一个小尖括号,就能安装指定的依原创 2021-03-05 14:10:04 · 602 阅读 · 1 评论 -
vue 2.0 :key的作用
<div v-for="item in items" :key="item.id"><!-- 内容 --></div>1.如果数据更新的有相同的数据就会直接利用key去渲染,有相同父元素的子元素必须有独特的key。重复的key会造成渲染错误。2.key的用法一般是:key=‘id’,意思是为元素绑定一个key属性,这个key属性为元素添加了一个唯一身份...原创 2019-07-15 12:16:03 · 463 阅读 · 0 评论 -
VUE 使用插件vue-clipboard2复制内容至剪切板(两种使用方法)
安装npm install --save vue-clipboard2main.jsimport Vue from 'vue'import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)方式一<template> <div class="container"> <inpu...原创 2019-03-05 19:11:02 · 20960 阅读 · 2 评论 -
vue 引入swiper4,在有些手机Dom7会有问题
问题描述:vue项目中页面B引入了swiper4,页面A有个点击按钮要进入页面B,第一次进不去,再点一次可以进去。原因:1、有的手机不兼容es6,swiper4依赖dom7,而dom7是用es6写的2、默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖,可以在这个选项中列出来。解决:在vue.config....原创 2019-01-29 23:12:16 · 1126 阅读 · 0 评论 -
Vue PDF文件预览vue-pdf
预览PDF实现方式:一、安装依赖npm install vue-pdf --save二、直接在要使用的页面中使用<template> <pdf src="./static/relativity.pdf"></pdf></template><script>import pdf from 'vue-pdf'expor...原创 2019-02-14 18:44:49 · 18466 阅读 · 18 评论 -
vue中阻止事件冒泡
Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。.stop 阻止事件冒泡<div @click="close" class="fixedCover"> <div class="inner" @click.stop> <img src="/images/close.png" alt原创 2019-01-09 20:29:09 · 4595 阅读 · 1 评论 -
vue中使用checkbox
在vue中,通过v-model来判断当前checkbox是否被选中, 它绑定一个数组,选中项的值会自动添加到数组中。如果我们要求选项至少选择一个值,我们来通过disabled来禁止用户取消点击选项&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div&amp;amp;gt;请选择你的爱好&amp;amp;lt;/div&amp;amp;gt;原创 2019-01-09 10:53:15 · 2435 阅读 · 0 评论 -
vue中引入swiper
1、依赖swipernpm install swiper --save-dev2、引入swiperimport Swiper from 'swiper';import "swiper/dist/css/swiper.min.css";3、使用swiper页面布局参考官网swiper4.0<script>import Swiper from "swiper";imp...原创 2019-01-08 16:27:06 · 1440 阅读 · 0 评论 -
Vue2.0 $set()的正确使用方式
vue2.0 给data对象新增属性,并触发视图更新如下代码,给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }}直接给student赋值操作,虽然可以新增属性,但是不会触发视图更新mounted (...原创 2018-12-28 16:13:32 · 2723 阅读 · 0 评论 -
vue单向数据流与双向绑定两者区别
1.Vue 在不同组件间强制使用单向数据流,父组件可以向子组件传递数据,但是子组件不能直接修改父组件的状态。2.数据的双向绑定 主要由MVVM框架实现,主要由三部分组成View、ViewModel和Model组成,其中view和model不能直接进行通信,他们通过中间件ViewModel来进行通信。 当Model部分数据改变时,由于vue中Data Binding将底层数据和DOM进行了绑...原创 2018-09-07 17:15:07 · 4156 阅读 · 0 评论 -
关于vue2.0组件通信
1.父组件通过props属性给子组件通信&amp;amp;amp;amp;lt;template&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;child :show=&amp;amp;amp;quot;&amp;amp;amp;quot;&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/child&原创 2018-08-31 19:24:42 · 147 阅读 · 0 评论 -
vue-cli打包遇到的问题
1.首页空白 在打包时需要使用相对路径来处理静态资源,更改build中资源发布路径配置(config/index.js, build对象) 解决:修改config目录里面的index.js文件 将 build里的assetsPublicPath: ‘/’ 改为 assetsPublicPath: ‘./’2.static下静态资源图片找不见 原因:在引用的图片路径为”/static/i...原创 2018-08-27 18:20:39 · 502 阅读 · 0 评论