vue
vue
ZNineSun
大道至简,返璞归真
展开
-
解决Vue项目打包ProxyTable失效的解决办法
在使用npm run build将项目打包完成之后会发现使用ProxyTable失效,因为该代理跨域的方法只能在本地开发生效解决办法1.将proxy对应的内容注释掉2.将项目部署在nginx服务器中nginx配置1.在nginx的配置文件中(nginx.conf)```location /api/ { proxy_pass http://weide-zuul.vaiwan.com/; }```原创 2022-02-23 17:02:25 · 3831 阅读 · 0 评论 -
解决npm install 显示Error gyp
问题复现显示python环境,msvs_version等问题我通过运行npm install --global --production windows-build-tools解决了,不过第一次运行该指令未成功,后来先设置了cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org后又通过运行cnpm install --global --production windows-build-tools进行解决注原创 2021-11-11 12:59:00 · 2156 阅读 · 0 评论 -
npm安装教程
1.下载node.js点击此处下载安装到自己能够找到的目录,安装完成之后通过cmd的命令node -v来检查是否安装成功2.配置环境变量在你安装node的目录下新增以下两个文件夹在系统环境变量下新增以下内容在path中新增然后运行以下2条命令npm config set prefix "D:\nodejs\node_global"npm config set cache "D:\nodejs\node_cache"注意:D:\nodejs\node_global要配置到自原创 2021-11-11 12:50:02 · 2525 阅读 · 0 评论 -
解决npm ERR! code 128
1.问题描述在使用npm install时提示以下错误:2.解决方案在cmd中输入npm cache clean --force在重新npm install即可原创 2021-03-04 11:47:33 · 15581 阅读 · 3 评论 -
vue table解决分页不能筛选全部数据的问题
我们在使用element ui中的table自定筛选条件时只能筛选当页数据而无法检索所有数据,这是因为我们把筛选条件定义在列上所以我们把filter-change绑定在最外部即el-table上,如下所示<el-table :data="bookRoomList" :ref="bookRoomList" @filter-change="handleFilterChange" class="bookTable" max-height="100%" stripe>此时原创 2020-11-08 19:05:16 · 2858 阅读 · 0 评论 -
ubuntu下搭建vue
1.安装nodesudo apt-get install nodejssudo apt install nodejs-legacy2.查看是否安装成功node -v3.安装npmsudo apt-get install npm4.将vue-cli全局安装到系统环境中sudo npm install -g vue-cli5.验证npm安装成功npm -v至此vue的环境搭建结束...原创 2020-10-26 09:20:00 · 725 阅读 · 0 评论 -
vue cli版本在4.0以上的常见问题
1.创建项目参考此处2.修改项目端口号在 node_modules/@vue/cli-service/lib/commands/serve.js文件中修改,如下图所示原创 2020-05-28 13:57:25 · 2736 阅读 · 0 评论 -
vue引用BootStrap以及引用bootStrap-vue.js
1.先引入jquery1.先使用指令:npm install jquery --save-dev2.在webpack.base.conf.js(如果是是开发[dev]环境则在webpack.dev.conf.js;两个文件都在bulid目录下;请一定注意,我在操作的时候就是找错了文件,半天都没有弄对;)中添加如下内容: const webpack = require('webp...原创 2019-03-05 10:13:38 · 5865 阅读 · 1 评论 -
vue配置跨域
1,引入 axious,cd 到你的工程npm install --save axios vue-axios在 main.js 中加入import Vue from 'vue'import axios from 'axios'Vue.prototype.$axios = axios注意 Vue.prototype.axios=axios这句话就决定了你以后使用axious的时候就必...原创 2019-03-08 16:53:26 · 13752 阅读 · 0 评论 -
vue路由的使用
直接参考这篇文章吧,写得很详细,很不错点击此处原创 2019-03-08 17:12:25 · 168 阅读 · 0 评论 -
vue修改端口号
1.首先要更改配置就要先知道配置的主要文件存放在哪个位置,先打开package.json,可以看到下面一段代码:"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "unit"原创 2019-03-04 19:58:33 · 9787 阅读 · 3 评论 -
springBoot集成shiros
在使用 springBoot 集成 shiro 之前要先具备 shiro 的基础知识,我大概先给大家梳理一下:Authentication:身份认证/登录,验证用户是不是拥有相应的身份;Authorization:授权,即权限验证,验证某个已认证的用户是否拥有某个权限;即判断用户是否能做事情,常见的如:验证某个用户是否拥有某个角色。或者细粒度的验证某个用户对某个资源是否具有某个权限;...原创 2019-03-15 11:07:01 · 190 阅读 · 0 评论 -
实现elementui中input的动态监听
使用 elementui 与不使用 elementui 来监听键盘事件的方式不同:使用 elementui 的:<el-input v-model=“id” placeholder=“ID” @keyup.enter.native=“handleClick”>否则的话就会出现大问题下面通过数据的双向绑定来实现动态的监听 input 的变化,并作出相应的判断:<...原创 2019-03-13 15:08:26 · 10029 阅读 · 0 评论 -
vue解决跨域问题
1.实现跨域需要vue-resource或者vue-axios,需要在你的脚手架项目里提前安装好2.在config/index.js加入: proxyTable: { "/WebService.asmx": { target: "http://localhost:12900/jsnf_service/", logLevel: 'debug', changeOrigin: ...原创 2018-12-06 21:46:57 · 1725 阅读 · 0 评论 -
axios替换vue-resource
1.cd到创建的工程目录2.使用指令npm install axios --save-dev3.在main.js中定义全局的axiosimport axios from 'axios' Vue.prototype.$http=axios注:使用axios时如果已经引入了vue-resource则需要把import vueResource from 'vue-resource'以及Vue...原创 2018-11-18 18:08:03 · 679 阅读 · 0 评论 -
vue(Js)从数组中删除元素
使用方法:arr.splice(arr.indexOf(ele),length):表示先获取这个数组中这个元素的下标,然后从这个下标开始计算,删除长度为length的元素这种删除方式适用于任何js数组eg:<template> <div class="users"> <button type="button" class="btn btn-danger" v...原创 2018-11-18 18:07:32 · 63564 阅读 · 3 评论 -
2.vue的数据和方法的使用
1.在vue中编写的内容://在使用vue之前必须实例化vue对象new Vue({ /*el:指element 需要获取的元素,一定是html中根容器元素 以后所有的操作均是在这个根容器中进行操作 */ el:"#vue-app", /* data:用于数据的存储,用来写属性 以key-value的值进行存储 ...原创 2018-10-23 15:02:28 · 231 阅读 · 0 评论 -
3.vue属性的绑定
1.在vue中编写的内容: //在使用vue之前必须实例化vue对象new Vue({ /*el:指element 需要获取的元素,一定是html中根容器元素 以后所有的操作均是在这个根容器中进行操作 */ el:"#vue-app", /* data:用于数据的存储,用来写属性 以key-value的值进行存储...原创 2018-10-23 15:03:10 · 339 阅读 · 0 评论 -
4.vue的的点击事件点击绑定
1.js内容: //在使用vue之前必须实例化vue对象new Vue({ /*el:指element 需要获取的元素,一定是html中根容器元素 以后所有的操作均是在这个根容器中进行操作 */ el:"#vue-app", /* data:用于数据的存储,用来写属性 以key-value的值进行存储 */ ...原创 2018-10-23 15:05:37 · 828 阅读 · 0 评论 -
5.vue事件修饰符
1.js文件: //在使用vue之前必须实例化vue对象new Vue({ /*el:指element 需要获取的元素,一定是html中根容器元素 以后所有的操作均是在这个根容器中进行操作 */ el:"#vue-app", /* data:用于数据的存储,用来写属性 以key-value的值进行存储 */...原创 2018-10-23 15:08:57 · 133 阅读 · 0 评论 -
6.vue键盘事件以及键值事件修饰符
1.js文件: //在使用vue之前必须实例化vue对象new Vue({ /*el:指element 需要获取的元素,一定是html中根容器元素 以后所有的操作均是在这个根容器中进行操作 */ el:"#vue-app", /* data:用于数据的存储,用来写属性 以key-value的值进行存储 *...原创 2018-10-23 15:09:52 · 903 阅读 · 0 评论 -
vue引用jquery
1.先cd到你创建的工程目录,然后使用npm install jquery指令安装jquery2.然后修改build/webpack.base.conf.js两个地方:加入var webpack = require(“webpack”);在module.exports的里面加入plugins: [new webpack.optimize.CommonsChunkPlugin(‘com...原创 2018-11-18 18:04:01 · 173 阅读 · 0 评论 -
vue引用BootStrap
1.先cd到对应的工程目录,使用npm install bootstrap --save2.修改build/webpack.base.conf.jsresolve: {extensions: [‘.js’, ‘.vue’, ‘.json’],alias: {‘vue$’: ‘vue/dist/vue.esm.js’,‘@’: resolve(‘src’),‘bootstrap’:re...原创 2018-11-18 18:04:30 · 529 阅读 · 0 评论 -
vue页面中引入其他vue组件
比如说有两个vue组件,app.vue,test.vue要在app.vue中使用test.vue组件,则需要在app.vue组件中进行注册:下面举一个简单的例子帮助理解:test.vue:<templete> <div class="test"></div> </templete> <script> expor...原创 2018-11-18 18:04:59 · 6943 阅读 · 1 评论 -
vue路由的配置以及使用
1.先cd切换到对应的工程目录,然后使用npm install --save vue-router 进行安装2.在main.js中进行引入:(注:所有的步骤都是在Main.js文件中创建的)import VueRouter from 'vue-router'(注:如果在刚开始创建项目的时候选择创建了路由,就不需要在引入了,一般main.js中已经出现import router from './...原创 2018-11-18 18:05:21 · 688 阅读 · 0 评论 -
vue的http请求
1.cd到对应的工程目录,使用npm install vue-resource -save2.在mian.js中import刚刚安装好的resource模块:import vueResource from ‘vue-resource’3.使用vue.use()来进行引用:Vue.use(vueResource)4.使用htttpresource:在对应的vue组件中使用,比如在users.v...原创 2018-11-18 18:06:12 · 672 阅读 · 0 评论 -
vue路由的常用用法
1.路由的转发:this.$router.push({path:"/Custom"})//直接跳转到Customthis.$router.push({path:"/Custom",query:{alert:"用户添加信息成功"}})//转发的时候把query对象传过去,此处必须为query接收query的方法:this.$route.query.alert就可以接收alert中的值2.路由...原创 2018-11-18 18:06:39 · 210 阅读 · 0 评论 -
vue的http请求
1.cd到对应的工程目录,使用npm install vue-resource -save2.在mian.js中import刚刚安装好的resource模块:import vueResource from ‘vue-resource’3.使用vue.use()来进行引用:Vue.use(vueResource)4.使用htttpresource:在对应的vue组件中使用,比如在users.v...原创 2018-11-18 18:07:11 · 591 阅读 · 0 评论 -
1.创建和使用Vue框架
1.先创建js文件2.动态的引用js文件; 在html中引用vue方法: <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 或者: <!-- 生产环境版本,优化了尺寸和速...原创 2018-10-23 11:28:56 · 175 阅读 · 0 评论