niesiyuan000的博客

一、先建立一个js文件

vue版本1.template内<iframe :style="{height:iframeHeight}" id="bdIframe" class="iframePDF" :src="docViewUrl" frameborder="0" scrolling="no"></iframe>2.script内data() { return { iframeHeight: '', //iframe实际

html<div class="imgWrap"> <div class="addImg" v-for="(item, index) in imgArr" :key="index"> <img :src="item"> <p class="chazi" @click="clickChazi(index)"&gt...

声明：此篇文章转自https://www.jb51.net/article/138555.htm，有过简单修改，便于以后自己需要时直接拿template<p :class="['getcode',!canClick?'getcodeing':'']" @click="getCode()">{{content}}</p>scriptdata() { ...

//此文件是用来配置开发环境和生产环境的配置参数'use strict'//严格模式const path = require('path')//node的path模块 用来统一路径module.exports = { dev:{//开发环境 //定义静态资源根目录的子目录static assetsSubDirectory:'static', ...

问题：打包后页面空白可能出现原因：打包时图片路径不对解决：寻找config下index.js中build配置内有个assetsPublicPath属性，将其值改为'./'，意味着根目录，如图到此我们解决了前置图片路径问题，而背景图我们也需做一些改变build文件夹下utils.js文件下加入如下配置，注意:是加入publicPath:'../../'...

vue中解决办法<template> <input @blur="blurs"/></template><script>export default { data(){ return { } }, methods:{ blurs(){ window.scroll(0, 0); } }}</scrip...

问题：当使用索引直接赋值和直接修改数组长度时，Vue不能检测出变动的数组。原因：由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength解决方案：this.$set(this.arr,...

运行在微信浏览器中的Vue项目，当需要用户主动对页面进行刷新时，会遇到如下问题：1.微信不支持location.reload()方法，在微信浏览器中会失效2.Vue中的路由跳转是类似于ajax局部刷新，因此使用location.href=‘xxx+时间戳’ 这种方法时，页面不会重载3.Vue自带的this.$router.go(0)无效4.history.go(0)无效解决办法...

@blur="validScore($event)"validScore(event){ alert(event.target.value)}

首先声明下，这篇文章是从百度看到的，没找到转载，所以粘贴进来。记录一下自己的错误当我们运行打包脚本npm run build或者打包iosweexpack build ios有可能会遇到以下报错这是因为webpack在打包vue文件时没有成功转换ES6的语法解决方法解决方法很简单，加入babel-preset-es2015插件即可1、安装依赖包$ npm install --save-div ba...

需求：比如我们要先加载6条信息，触底时候再加载6条信息1、第一次加载6条，aaa为我们的接口，所以在mounted里面写this.aaa(6)2、在aaa事件里面传num,如aaa(num)，然后拼接在接口3、每次触底，再次执行aaa接口4、定义moreNum,每次增加的次数写在触底事件里面data() { return { moreNum: 0, //触底更多 ...

 @click.stop  点击事件直接这样写就可以了

需要准备的东西:1.swiper的css和js文件（swiper官网自行下载）2.cmd中先在文件夹目录下npm install --save swiper一、把准备好的swiper文件放在的static下。如图：二、在src文件夹下components文件下建立swiper.vue（名字可以随便起）在我们刚刚建立的swiper.vue文件中写入信息temp

1.在项目中安装vuex(不会创建项目的可以查看我的文章:Vue项目步骤)    npm install vuex --save-dev2.在components文件夹内   建立vuex.vue   在src文件夹内   建立store.js3.打开main.js  修改其中数据,把vuex.vue引入进来  因为我们在这里用不到路由,所以把import router from './route...

一、在components文件夹中建立你的vue文件如图，我建立的是welcome.vue二、在welcome.vue中写我们要写的东西,随便写个aaa aaaaaa export default {}三、打开App.vue,把默认的  注释掉 --> 四、打开index.js,引入我们的welcome.v

配置前最好先安装个淘宝镜像 npm install cnpm -g (mac环境下前面加sudo)如何创建Vue项目安装脚手架 cnpm install vue-cli -g隐藏的(mac环境下前面加sudo)查看版本 vue -V安装项目模板 vue init webpack cli cli:项目名称（不能用大写名字,不能用中文） 第一...

一、测试项目是否可以正确运行    指令:npm run dev首先我们先建立一个vue的项目，本人用的是vue-cli随便建立的，然后运行项目不必非得是像我这样的，这一步的目的只是测试一下咱们的vue项目是否可以运行二、修改路径 (assetsPublicPath: './')打开我们config中的js文件，修改assetsPublicPath的路径为"./"（下图的右下角位置）三、打包文件 ...

首先先说下遇到的问题node -v是没有问题的  npm -v会报错  先贴上报错原因然后我按照网上能找的所有方法删除了node和npm，然后重装，发现还是失败的。经过一系列的搜索，发现我们在删除node后电脑中的注册表,注册表,注册表（重要的东西说三遍）还是没有删除相关的东西的解决方法：1.在控制面板把node删除2.下载一个reg clean（可以管理电脑中的注册表)，然后百度一个注册码3.重...

&lt;template&gt; &lt;div&gt; &lt;div v-for="(list,index) in siYuan" class="aa" :class="{ red:changeRed == index}" @click="change(index)"&gt;{{list.a}}&lt;/div&gt; &

先说明问题是什么，出现的状况是-webkit-box-orient: vertical这个属性在本地运行是存在的，但是打包后放到线上这个属性消失了；问题出现原因：打包时这个属性和注释混在了一起（个人猜测）解决办法：下面每种都可解决，根据个人需求随意挑选1.直接在行内加 -webkit-box-orient: vertical（虽然管用但是我的项目需要添加的这个太多了，所以我选择...

首先声明：这篇文章摘录自别人的文档，直接复制过来的，方便于以后自己查看，如有侵权，请谅解// 下面是引入nodejs的路径模块var path = require('path')// 下面是utils工具配置文件，主要用来处理css类文件的loadervar utils = require('./utils')// 下面引入webpack，来使用webpack内置插件var webpack = r...

父 //一、用show绑定obj对象,用来传给子export default{ data(){ return{ //二、定义obj对象 obj:{ a:false } } }, methods:{