![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
typico
这个作者很懒,什么都没留下…
展开
-
如何在项目中使用eslint
1、进入项目,命令行状态下输入 cnpm install eslint -g 全局安装eslint2、输入eslint 查看是否安装成功3、cnpm install eslint-plugin-vue -g4、cnpm install babel-eslint -g5、eslint --ext .js,.vue src 到此就能看到项目中有多少问题了eslint --ext .js,....原创 2019-03-18 11:12:32 · 1932 阅读 · 0 评论 -
axios数据拦截和mockjs
网址:https://www.cnblogs.com/kingsnowcan/p/mock_axios.html转载 2019-03-19 11:25:13 · 1039 阅读 · 0 评论 -
vue中使用vue-quill-editor富文本编辑器
基于webpack和vue一、npm 安装 vue-quill-editor二、在main.js中引入import VueQuillEditor from 'vue-quill-editor'// require styles 引入样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import...转载 2019-03-26 14:01:19 · 265 阅读 · 0 评论 -
如何动态接收props传过来的值
1、如果是是要渲染在子组件的teamplate里面,用computed监听一下就可以2、如果是要用在methods的方法里面,需要用watch监听,然后在watch里调用这个函数即可,不用再在mounted调用watch: { crEventScene: { handler(newValue, oldValue) { if (newValue.length ...原创 2019-04-02 16:45:30 · 3004 阅读 · 0 评论 -
vue bus传值
创建bus.jsimport Vue from 'vue'export default new Vue()在两个组件中引入busimport Bus from '@/assets/bus.js'组件一(test函数是绑定到页面上的一个点击事件)test () { console.log(88) Bus.$emit('busMsg') },组件二...原创 2019-04-03 14:55:44 · 1315 阅读 · 0 评论 -
vue项目实现国际化
https://blog.csdn.net/u012302552/article/details/79767288在我实际写的过程中,发现第一次点击的时候并不会切换成英文,第二次点击才行故代码更改如下changeLangEvent () { this.$confirm('确定切换语言吗?', '提示', { confirmButtonText: '确定', ...转载 2019-04-03 16:59:37 · 302 阅读 · 0 评论 -
element-ui 中英文切换
import VueI18n from 'vue-i18n'import ElementUI from 'element-ui'import ElementLocale from 'element-ui/lib/locale'import enLocale from 'element-ui/lib/locale/lang/en'import zhLocale from 'element-...转载 2019-05-28 16:40:38 · 7219 阅读 · 0 评论 -
vue动态组件
用于在不同组件之间进行动态切换是非常有用的,可以通过 Vue 的 元素加一个特殊的 is 特性来实现效果图代码如下<template> <div class="person2"> <button @click="change()">点击切换</button> <component :is="isShow&q原创 2019-02-28 14:45:41 · 125 阅读 · 0 评论 -
vue实现简单购物车
效果图如下比较丑哈哈。。代码如下<template><div class="user"> <div><input type="checkbox" v-model="checkAll" @click="check(checkAll)">全选</div> <ul原创 2018-11-05 11:54:26 · 658 阅读 · 0 评论 -
在vue-cli的项目中使用font-awesome
百度到的有两种方法:1 使用npm install font-awesome在main.js里添加import ‘font-awesome/css/font-awesome.css’2 直接将font-awesome-4.7文件夹放到项目中,然后在index.html中加上&lt;link rel="stylesheet" href="/static/font-awesome-4.7/cs...原创 2018-11-20 15:09:03 · 589 阅读 · 0 评论 -
如何实现组件props双向绑定
在vue2中props只能单向传递数据,及从父组件传递给子组件,但是子组件不能改变父组件传递过来的值,一开始不知道有这个问题的存在,效果能出来,但是项目报错,如下Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, ...原创 2018-12-06 19:28:58 · 504 阅读 · 0 评论 -
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红
这里使用的是给被点击的li添加类名的方式<template> <div class="person1"> <div v-for="(item,index) in lists" @click="clickAdd(index)" :key="index" :class="{red:i === index}">转载 2018-12-15 16:12:53 · 7473 阅读 · 2 评论 -
vue实现全选反选功能
vue脚手架搭建的项目里做的<template><div class="user"> <div><input type="checkbox" v-model="checkAll" @click="check(checkAll)">全选</div> <ul v-for原创 2018-11-03 14:24:58 · 1199 阅读 · 0 评论