详解vue通过NGINX部署在子目录或者二级目录实践
1、修改 router/index.js 添加一行 base: admin, 2、然后修改 config/index.js 增加一行 const assetsPublicPath = /admin/ 然后修改 下面两 查看全文
vue-image-crop基于Vue的移动端图片裁剪组件示例
本文介绍了vue-image-crop基于Vue的移动端图片裁剪组件示例,分享给大家,具体如下: 代码地址: vue-image-crop 基于Vue的移动端图片裁剪组件 组件使用URL.createObjectURL()等新 查看全文
详解vue移动端项目的适配(以mint-ui为例)
1、使用vue-cli脚手架生成项目骨架,略。 2、相关配置: rem适配: index.html加入以下代码,并在head中加入以下meta; <script> (function (doc, win) { va 查看全文
vue点击input弹出带搜索键盘并监听该元素的方法
1.遇到问题: 需要做一个点击input弹出带搜索的键盘。 解决: input的type=search,可弹出带搜索的键盘。并监听搜索按钮,请求数据 <input @keyup.13=show() type=search 查看全文
vue升级之路之vue-router的使用教程
使用 Vue 构建的项目,一个页面是由多个组件构成的,而且经常是做成单页面应用,所以在跳转页面的时候,传统的 href 已经跟不上时代的步伐了,于是 vue-router 应运而生 在使用 vue-router 的时候,需要看看自己是 查看全文
vue系列之requireJs中引入vue-router的方法
requireJs简介 参数配置 requireJS 常用的方法与命令也就两个,因此requireJS使用起来非常简单。 require define 其中define是用于定义模块,而require是用于载入模块以及载入配置文 查看全文
解决vue中post方式提交数据后台无法接收的问题
最近用vue做项目,遇到ajax提交值的问题。 用post方式提交,后台无法接收到值。百度了半天,各种解决方式都有,下载中间件之类的,都试了。 最后咨询大牛才知道是数据没有序列化的问题。 下面是源码: 因为我没有使用箭头函数,所 查看全文
Vue2.0点击切换类名改变样式的方法
1、使用index <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport 查看全文
vue.js提交按钮时进行简单的if判断表达式详解
前言 本文主要介绍的是vue.js提交按钮时进行简单的if判断表达式的相关内容,分享出来供大家参考学习,是一个简单的业务需求,下面话不多说了,看图说话 1:当充值金额没有填写的时候,会有Toast小弹框提示“请输入有效的充值金额” 查看全文
vue props传值失败 输出undefined的解决方法
如果在prop中传的值为一个没有使用特殊命名规则的变量如:(type),可以顺利传值: 而当这个变量为驼峰命名法如:(selectName),就会传不过去: 解决方法是把selectName标签改为select-Name: &l 查看全文
在vue项目中集成graphql(vue-ApolloClient)
1.什么是graphql GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时 下图展示graphql所处的位置 2.优点 1.GraphQL API 有强类型 schema Grap 查看全文
浅析Vue实例以及生命周期
最简单的Vue 实例 //html <div id=app> {{message}} </div> //javascript var vm = new Vue({ el: #app, data: { mess 查看全文
Vue作用域插槽slot-scope实例代码
vue中的插槽有三种:单个插槽、具名插槽、作用域插槽,这个在官网上能看到 (单个插槽) 作用域插槽简单来说就是父组件只管显示样式,数据由子组件来提供。比如上面的代码,el-table-column内的template是传递给其内部s 查看全文
深入理解Vue 组件之间传值
一、父组件向子组件传递数据 在 Vue 中,可以使用props向子组件传递数据。 子组件部分: 这是 header.vue 的 HTML 部分,logo 是在 data 中定义的变量。 如果需要从父组件获取 logo 的值, 查看全文
基于go+vue实现的golang每日新闻数据浏览与检索平台(推荐)
gonews是基于 go+vue 实现的golang每日新闻浏览与检索平台 项目地址:Github 线上Demo:GoNews 数据来源:GoCN每日新闻 项目截图 部署 获取新闻数据 git clone 获取源 查看全文
Vue中的v-for循环key属性注意事项小结
当Vue用 v-for 正在更新已渲染过的元素列表是,它默认用“就地复用”策略。如果数据项的顺序被改变,Vue将不是移动DOM元素来匹配数据项的改变,而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。 为了给V 查看全文
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
本教程基于Laravel 5.4 开始之前首先准备好开发环境,我们假设你已经安装好 Laravel,至于 Vue 的引入,请参考官方文档。 做好上述准备工作后就可以开始我们的开发了,本教程中我们将演示文章发布页面的表单 验证 。 查看全文
laravel 5.4 + vue + vux + element的环境搭配过程介绍
PHPlaravel 5.4 + vue + vux + element的环境搭配过程介绍 查看全文