![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
男兒本色
这个作者很懒,什么都没留下…
展开
-
Vue-cli创建项目
vue-cli创建项目:一、安装node.js打开命令提示符输入:node -vnpm -v二、安装vue脚手架(全局安装vue-cli)1.用npm安装(npm install -g vue-cli)——国际开源库生态系统2.用cnpm安装(cnpm install -g vue-cli)——国内镜像安装:用淘宝镜像安装cnpm才可以使用检查是否安装上(anpm -v)三、生成...原创 2019-01-21 19:30:14 · 232 阅读 · 0 评论 -
vue 文本渲染得三种方法
1. {{}} --------- 将元素当成纯文本输出2 v-html --------- 降元素当成 HTML 标签解析后输出3.v-text --------- 降元素当成纯文本输出例如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-05-30 20:05:27 · 1458 阅读 · 0 评论 -
vscode 格式化代码造成函数括号后的空格被删除
原因:eslint和prettier规范代码冲突:解决办法:在.eslintrc.js中添加: ‘space-before-function-paren’: ‘off’,space-before-function-paren————提示报错的地方如图所示:...原创 2019-03-07 18:36:27 · 8961 阅读 · 1 评论 -
vue设置和隐藏滚动条的方法
1、设置滚动条: overflow-x: scroll; white-space: nowrap;2、隐藏滚动条: ::-webkit-scrollbar { width: 0 !important; } ::-webkit-scrollbar { width: 0 !important;height: 0; }...原创 2019-03-04 20:04:22 · 45612 阅读 · 11 评论 -
引用Element组件
1、按需引入:npm输入命令:npm install babel-plugin-component -Dyarn输入命令yarn add install babel-plugin-component -D然后,将 .babelrc 修改为:在mian.js中引入:import { &lt;DatePicker, Select, Option &gt;用的组件名称} from '...原创 2019-03-08 19:00:55 · 914 阅读 · 0 评论 -
基于vue实现拖拽效果
https://www.jianshu.com/p/d137055f0cc1转载 2019-03-02 23:44:23 · 1179 阅读 · 1 评论 -
vue中children的用法
Vue中chlidren的作用:chlidren实现嵌套路由地作用!index.js中路由的写法:index.js中路由的写法: routes: [ { path: '/', component: () => import(`@/views/bilibili`), bilibili------文件夹名称 children...原创 2019-03-05 19:33:08 · 13999 阅读 · 0 评论 -
vue中v-for循环选中点击的元素并对该元素添加样式
html:<div v-for = "(item,index) in items" :class = "active == index ? 'addclass' : '' " @click='dowm(index)'> {{item.name}}</div>css:css:.addclass{ border-bottom: 3px soli...转载 2019-03-02 16:02:58 · 11957 阅读 · 0 评论 -
用set 进行数组去重
数组去重let a = new Set([1,2,3,4,1,2,3,5,6])let b = Array from(a)console.log(b)原创 2019-09-12 15:36:59 · 413 阅读 · 0 评论