nuxt.js安装vue-awesome-swiper

nuxt.js安装vue-awesome-swiper

本人当前项目的nuxt版本是2.0.0。1、安装 vue-awesome-swipernpm install vue-awesome-swiper --save2、在 plugins 目录下新建vue-swiper.js文件import Vuefrom'vue'import VueAwesomeSwiperfrom'vue-awesome-swiper/dist/ssr'
浏览:259 分类:Vuejs 标签: vue-awesome-swiper nuxt swiper
nuxt.js中layout属性介绍

nuxt.js中layout属性介绍

layouts:宿主布局页面模板组件,用于你可以把不同的页面指定使用不同的布局,不可更改。layout属性    官网介绍:https://zh.nuxtjs.org/api/pages-layout    作用:layouts 根目录下的所有文件都属于个性化布局文件,可以在页面组件中利用 layout 属性来引用。创建属于自己的模板layouts--|default
浏览:229 分类:Vuejs 标签: layouts nuxt vue
nuxt.js目录结构介绍

nuxt.js目录结构介绍

Nuxt.js 是一个基于 Vue 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染。Nuxt.js 预设了利用 Vue 开发服务端渲染的应用所需要的各种配置。Nuxt.js是使用 Webpack 和 Node.js 进行封装的基于Vue的SSR框架,使用它,你可以不需要自己搭建一套 SSR 程序,而是通过其约定好的文件结
浏览:158 分类:Vuejs 标签: nuxt Vue
Nuxt.js使用了vue-meta更新头部标签(head) 和html 属性

Nuxt.js使用了vue-meta更新头部标签(head) 和html 属性

:Nuxt.js 使用了 vue-meta 更新应用的 头部标签(Head) 和 html 属性。类型:Object 或Function使用 head 方法设置当前页面的头部标签。全局设置默认 Meta 标签Nuxt.js 允许你在 nuxt.config.js 里定义应用所需的所有默认 meta 标签,在 head 字段里配置就可以了。例子: head: {
浏览:173 分类:Vuejs 标签: nuxt vue-meta head
vue中数组有一个元素,但报"Cannot read property '0' of undefined"

vue中数组有一个元素,但报"Cannot read property '0' of undefined"

原始代码<table>    <tr>        <td>{{data.balanceGoodsList[0].goodsName}}</td>        <td>{{data.balanceGoodsList[0].goodsPriceName}}</td>        <td>¥{{data.balanceGoodsList[0].saleAmount}}
浏览:195 分类:Vuejs 标签: vue
Nuxt.js路由介绍

Nuxt.js路由介绍

Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。1、基础路由假设 pages 的目录结构如下:pages--| user-----| index.vue-----| one.vue--| index.vuevue组件部分代码<divclass="links">    <router-linkto="/user"targ
浏览:193 分类:Vuejs 标签: Nuxt vue ssr
vue使用element-ui组件时v-for循环el-upload表单项验证

vue使用element-ui组件时v-for循环el-upload表单项验证

有这么一个需要:需要动态生成不限数量的商标组表单,如下所示:<divclass="brandList"v-for="(item,index) in shopForm.trademrakListObj":key='index'>    <el-form-itemlabel="商标类型:"class="line"">        <el-radio-group v-mode
浏览:360 分类:Vuejs 标签: element-ui el-upload vue
vue使用element-ui组件时v-for循环里的表单项验证

vue使用element-ui组件时v-for循环里的表单项验证

首先有一个这样的需求,表单中默认有一个联系人信息,用户可以再添加新的联系人信息点击添加更多联系人之后官方文档中有写用v-for来实现新增表单,但是那是单表单的新增,现在多表单的新增,可以考虑的实现方法是先写死一个必须的表单,需要新增的两个表单放在一个div里,在div中使用v-for生成,达到同时新增的效果代码如下<!--必填一个联系人的表单--><el-form-i
浏览:202 分类:Vuejs 标签: element-ui vue
vue学习笔记总结

vue学习笔记总结

class绑定http://menvscode.com/detail/59c29a7b3bb2bd430d7a7e32函数固定参数$eventhttp://menvscode.com/detail/59ce5abe10c98d0e654c1b78表单元素http://menvscode.com/detail/59cfa1c010c98d0e654c1b79自定义指令
浏览:245 分类:Vuejs 标签: vue
vue-cli脚手架中引入jquery

vue-cli脚手架中引入jquery

1、安装jquery依赖npm install jquery --save2、进入webpack.base.conf.js文件,开始顶部是这样的,添加代码var path =require('path')var utils =require('./utils')var webpack =require("webpack") // 这是要添加的var config =requi
浏览:403 分类:Vuejs 标签: jquery vue-cli
vue中$set介绍与$set在数组中的应用

vue中$set介绍与$set在数组中的应用

由于 JavaScript 的限制,Vue 不能检测以下变动的数组: 当利用索引直接设置数组的某一项时,例如:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.length = newLength,不会更新数组。 当然vue中给了解决方法,就是使用 Vue.set,vm.$set(Vue.set的变种写法)或者 sp
浏览:400 分类:Vuejs 标签: vue $set 数组
提取Vue项目的中单个的CSS/LESS/SASS并压缩的配置方法

提取Vue项目的中单个的CSS/LESS/SASS并压缩的配置方法

可提取单个 CSS 的插件有两个,分别为 extract-text-webpack-plugin 和 mini-css-extract-plugin, 前者再配置一个 minimize 即可实现压缩功能,后者配置另一个插件 optimize-css-assets-webpack-plugin  即可实现压缩功能。extract-text-webpack-plugin 
浏览:1553 分类:Vuejs 标签: less css sass vue

邮箱快速注册

忘记密码