关于vue+element-ui项目的分页，返回默认显示第一页的问题解决https://blog.csdn.net/StephenO_o/article/details/84234916 问题造成原因我们返回当前页面取得总条数totalNum的之前，element-ui的分页组件已经在页面加载完毕，当时的totalNum绑定的是data里面初始化的数据0，所以当总条数为0的时候，分页组件的页码默认为1。并且当totalNum在created生命周期里取得数据后，分页组件也不会刷新。所以这就导致， 页面内容正确，但是页...
注册组件代码如下： // 设置自定义指令v-focus directives: {// focus指令名称 focus: {inserted(el) {el.focus()},},}, 以上我是按照之前教学视频进行注册的自定义指令，但是失效。运行之后可以试着打印下el，看下值是什么：截图： 通过截图可以看到返回的值是div，我们所以el并不是input而是他的父标签div。所以我们只需用querySelector获取到input再绑定即可。代码：// 设置局部指令v-focus directives: {// focus指令名称...
【安装步骤】一、安装node.js（node-v12.16.1-x64.msi）1.前往node.js官网下载并安装工具，这里安装路径选到D盘，D:\Program Files\nodejs 安装完毕后在命令行输入以下命令测试是否安装成功，正确会出现版本号npm -v2.改变原有的环境变量， (1)配置npm的全局模块的存放路径以及cache的路径，例如两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹，输入以下命令改变npm配置npm config set ...
第一种：props，$emit用于在父子组件之间进行传值，通信第二种：vuex父子组件，兄弟组件等组件之间的通信都可以使用第三种：$root.$on , $root.$emit深层组件嵌套时候可以使用另外还有好几种通信方式，我只记录我使用过的这几种 原文：https://www.cnblogs.com/sixrookie/p/13091797.html
安装vue安装前初始化package.json 主要用来描述自己的项目,记录安装过得文件有哪些,在当前文件夹下生产json安装vue --save(-S)代表项目依赖--save-dev(-D)代表开发依赖npm info vue npm install vue --save npm install //跑环境,将package中的依赖全部安装安装后默认会生产node_modules文件夹 上传到git上node_modules是忽略掉的,拉下代码后,需要重新npm install安装依赖Vue属性el 指定的元素不能是html和body使用querySelectorda...
方法：降低sass-loader版本1.卸载当前项目中的sass-loadernpm uninstall sass-loader2.安装低版本sass-loadernpm install sass-loader@7.0.03.安装node-sassnpm install node-sass安装node-sass是因为安装低版本sass-loader需要引入node-sass依赖来支持，不然会报错 原文：https://www.cnblogs.com/xiaobaibubai/p/14776828.html
在用vue做项目过程中，需要用到vue.js devtools，在从github上面clone下来代码，然后再npm install ,过程报错，然后更新npm包也是会有问题，以下是install的问题，npm cache clean --force 也是没用的，好在最后问同事，windows版本蓝灯下载重装，最后再谷歌应用商店添加了拓展程序。从昨天到今天上午，至此这个问题才搞定，用这个工具主要是为了方便整个项目 vuex的状态查看。 原文：https://www.cnblogs.com/tangjiao/p/9013281....
1function rems(doc: any, win: any): void {2 let docEl = doc.documentElement,3 resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘,4 recalc = function () {5 let clientWidth = docEl.clientWidth;6if (!clientWidth) return;7 docEl.style.fontSize = 20 * (clientWidth / 750) + ‘px‘;8 };9if (!doc.addEventListener) return; 10 win.addEventListener(res...
前置：nodejs vue-cli 初始化一个vue程序vue init webpack vuetest因为是第一个vue程序，所以全部手动创建 Vue bulid sandalone 运行时编译 是否安装Vue-router 不安装，手动安装 是否使用ESL检查你的代码 不 是否安装测试 NO 是否需要自动运行npm install No 手动 基础的vue目录 进入到新建的vue文件 npm install安装package.json里面的文件 报错的话比如typeerror可以试试cnpm i...
<table><tr><th>地名</th><th>结果</th><th>人名</th><th>性别</th></tr><template v-for="(item, index) in list"><tr :key="index"><td :rowspan="item.groups.length">{{item.name}}</td><td :rowspan="item.groups.length" v-if="item.result === ‘1‘"><span>已完成</span></td><td :rowspan="item.groups.length" v-if="item.result === ‘0‘ || item.result === null"><span>未完成</span> </td><td>{{item.gr...
首先，需要使用webpack的插件CleanWebpackPlugin，安装命令如下： npm install --save-dev clean-webpack-plugin 其次，需要在生产环境提供的文件：build/webpack.prod.conf.js的plugins节点下添加如下代码： new CleanWebpackPlugin( [‘dist‘], //匹配删除的文件 { root：path.resolve(__dirname,‘../‘) //根目录 verbose：true， //是否启用控制台输...
（1）全局注册<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"/><title>Vue</title></head><body><div id="app"><my-component></my-component></div><script src="https://cdn.bootcss.com/vue/2.5.9/vue.min.js"></script><script type="text/javascript">//示例前注册 Vue.component(‘my-component‘, {//DOM结构必须被元素包含 template: ‘<div>组件内容</div>‘})new Vue({el: "#ap...
看到issue 反馈要回退到到版本3.0.7 ，但是发现了一个问题，package.json 写的是3.0.7 但是，cnpm install (下载所有的包) 下载在node_modules 里的包依旧是3.0.9一开始以为是缓存的问题，用了一些命令也没有用，后来去研究了 vue-socket.io: ^3.0.9 ,这个^代表的含义~3.0.2 := >=3.0.2 <3.1.0 会匹配到3.0.x的最新版本^3.0.9 := >=3.0.9 <4.0.0 会匹配到3.x.x的最新版本所有 cnpm install 下载的vue-socket.io 匹配到...
环境：NodeJs、Android SDK 、Adb Driver安装：npm install -g cordova npm i framework7-cli cordova -g 代码编辑器：Vs Code（建议Version：1.42，否则Cordova调试麻烦） 过程： 1、创建一个项目： 2、在项目根路径下打开编辑器，再把项目根路径下的Cordova目录添加到WorkSpace 3、下载Cordova Tools组件，方便调试 4、设置DEBUG AND RUN（调试工具） 注：vs code版本需要1.42，才能选择WorkSpace（见 ht...
var vue = new Vue({el: "#notification",data: {Message: ""}, methods: {getMessage: function () {var self = this;$.ajax({url: "../Manage/Message/GetMessage",type: "get",dataType: "json",async: false,success: function (data) {self.Message = data; }})}},mounted: function() {this.getMessage();setInterval(this.getMessage, 3000);}}) 注：这里有三个关键点：1、在methods里...