vue
vue学习
这个作者很懒,什么都没留下…
展开
-
html页面文字不能复制 用 user-select:none;
现象:html中可能有些地方不想让用户复制文字解决方案:不同的浏览器设置的内容不一样,user-select不是一个W3C的标准,浏览器的支持不完成,需要对不同的浏览器进行调整。body 中添加body{-moz-user-select:none;/火狐/-webkit-user-select:none;/webkit浏览器/-ms-user-select:none;/IE10/-khtml-user-select:none;/早期浏览器/user-select:none;}user-select有2个值(原创 2022-06-11 17:33:42 · 999 阅读 · 0 评论 -
vue 面试题
1、active-class 是哪个组件的属性?嵌套路由怎么定义?答: vue-router 模块的router-link组件。2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?答:在router目录下的index. js文件中,对path属性加上/:id。使用 router对象的params.id3、scss是什么?安装使用的步骤是?有哪几大特性?答:预处理css,把css当前函数编写,定义变量,嵌套。 先装Css- loader、node-loader、sass-loa...原创 2020-07-19 23:24:37 · 152 阅读 · 0 评论 -
element-ui 滚动条样式修改
element uide 滚动条样式很难看 这是修改全局的滚动条样式可以添加下面的样式来修改::-webkit-scrollbar { width: 8px; }::-webkit-scrollbar-thumb { background-color: #eaecf1; border-radius: 3px;}修改后的样式 比原来好看多了...原创 2020-06-30 22:26:02 · 9467 阅读 · 4 评论 -
vue 中对象按属性的值排序
需要将数据从高到底排序在js中添加排序的方法:sort() 方法语法:arrayObject.sort(sortby) sortby:可选,规定排序顺序。必须是函数。 function compare(a,b){ return a.id-b.id } 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。若 a 等于 b,则返回 0。若 a 大于 b,则返回一个大于 0 的值。代码...原创 2020-06-28 17:30:55 · 4169 阅读 · 0 评论 -
Vue动态添加变量给变量赋值
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue动态添加变量给变量赋值</title><script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script></head><body><div id="app">...原创 2020-06-24 13:14:58 · 8556 阅读 · 0 评论 -
vue里echarts 自适应
只需要添加 mounted() { window.onresize = () => { this.$echarts.init(document.getElementById("myChart0")).resize(); }; },原创 2020-06-17 19:24:45 · 281 阅读 · 0 评论 -
vue 后退的时候菜单也能高亮
主要代码就是些原理:监听地址变化 地址变化然后改变左侧菜单高亮效果监听属性原创 2020-06-06 14:32:07 · 414 阅读 · 3 评论 -
elementde全选添加如果存在就跳过, 取消 如果存在删除
获取原来的数组然后判断是添加还是取消添加的话 判断没有的话直接添加到新的 (这用的是字符串也可以是数组) rows.forEach(item => { let is = iscontain(arrLicence, item.license); if (is == false) { newstr += item.license + ","; } });取消 如果存在删除 fo.原创 2020-05-22 17:19:58 · 133 阅读 · 0 评论 -
vue命名规范
组件名应该以高级别的 (通常是一般化描述的) 单词开头,以描述性的修饰词结尾。完整单词的组件名原创 2020-05-15 23:24:02 · 264 阅读 · 0 评论 -
vue 删除对象的元素 delete
data中定义一个form data: { seen: true, from:{ id:'', name:'', age:'', } }现在不需要age元素删除 delete this.from.age;场景form表单提交的时候新增的数据和编辑页面公用一个页面 ,在添加的时候不需要id而就可以delete删除id<!DOCTYPE html><html><head><met.原创 2020-05-13 17:02:33 · 4681 阅读 · 0 评论 -
亲测成功解决internal / modules / cjs / loader.js:800 throw err;
记一次崩溃的安装vue-cli安装了vue-cli4,但是有些项目是vue-cli2的,导致vue4卸载不了直接删除了重新安装也无济于事,能奔溃啊。。各种报错。。各种百度...也没找到解决方法internal / modules / cjs / loader.js:800 throw err;网上解决方法 不能说不对但是没彻底解决了安装也安装了可是还是解决不了。。。怎么办!!!!在最坐下角的搜索1.输入vue打开vue的文件位置vue的环境变量在这里2.看报错提示..原创 2020-05-10 09:38:15 · 31145 阅读 · 8 评论 -
vue 遍历数组取出字符串用逗号拼接
数组字转符串拼接成逗号去掉最后的逗号 var arr=[2,3,4,5] var str = ""; for (var i = 0; i < arr.length; i++) { str += arr[i]+ ","; } //去掉最后一个逗号(如果不需要去掉,就不用写) if (str.length > 0) { str = str.substr(0, str.length - 1); } 或者直接判断var arr = [2, 7, 9,.原创 2020-05-08 19:47:28 · 13585 阅读 · 0 评论 -
js数组对象之间的转换
let smoke = resdata.data for (var i in smoke) { let o = {} o.key = smoke[i].id o.label = smoke[i].name that.smokedata.push(o) ...原创 2020-07-02 23:40:12 · 914 阅读 · 0 评论 -
vue 组件的使用和传值 父子组件传值
参考https://learning.dcloud.io/#/?vid=15 看4分51秒之后的组件的使用定义组件1.引入组件 2.注册组件 3. 页面使用3.给父组件传值4接收值...原创 2020-04-20 21:33:55 · 107 阅读 · 0 评论 -
vscode编辑器常用快捷键
多光标选择键盘快捷键:Ctrl + Alt +向上键或Ctrl + Alt +向下键您可以使用Ctrl + Shift + L将附加光标添加到当前选择的所有实例中代码折叠键盘快捷键:Ctrl + Shift + [和Ctrl + Shift +]选择当前行键盘快捷键:Ctrl + L打开Markdown预览在Markdown文件中,使用键盘快...原创 2020-04-10 11:12:40 · 401 阅读 · 0 评论 -
vue 时间戳转日期
在main.js中定义一个全局的函数Vue.filter('dateFormat', function(originVal) { // const dt = new Date(originVal*1000) 毫秒时间戳 可自行判断 const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.ge...原创 2020-04-02 22:49:27 · 2078 阅读 · 0 评论 -
vue get 和post传值
get的写法.get('goods', { params: this.queryInfo })data里面定义查询条件和分页参数 queryInfo: { query: '', //查询条件 pagenum: 1, // 当前的页数 pagesize: 2 // 当前每页显示多少条数据 } get...原创 2020-04-02 22:34:56 · 1536 阅读 · 0 评论 -
vue 自定义校验规则
在data中定义箭头函数 // 验证邮箱的规则 var checkEmail = (rule, value, cb) => { // 验证邮箱的正则表达式 const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ if (regEmail.te...原创 2020-03-23 22:28:56 · 1658 阅读 · 0 评论 -
开发总结(四)表单
1. 表单数据渲染表单 前面的id添加到的对应的地方(表单和方法中)<el-table-column type="index" label="序号" :index="serialNum" width="50" ></el-table-column> //添加序号 serialNum(index) { return (this....原创 2020-03-22 23:15:09 · 145 阅读 · 0 评论 -
vue去掉#
在路由模块添加 即可去掉# mode:"history", base:__dirname,刷新可以看到就没有#原创 2020-03-19 22:59:20 · 233 阅读 · 0 评论 -
vue总结开发常用的配置 (三)axios
在main.js中 对为axios添加验证import axios from 'axios'axios.defaults.baseURL = 'http://127.0.0.1:8888/api/'axios.interceptors.request.use(config => { //为请求头对象 添加token 验证 console.log(config) con...原创 2020-03-19 22:44:45 · 102 阅读 · 0 评论 -
vue总结开发常用的配置 (二)路由验证
router.js 一般情况下vue和后端通信有三中cookie session token 三中区别自行百度,用的最多的是token那么就涉及到token验证原理就是有token 就可进入有权限的页面没有就跳转到登录页1.挂载路由导航守卫// 挂载路由导航守卫router.beforeEach((to, from, next) => { // to 将要访问的路径...原创 2020-03-19 22:35:28 · 100 阅读 · 0 评论 -
vue总结开发常用的配置 (一)eslint语法配置
eslint语法配置有的时候格式化代码的时候回自动加上分号和双引号1..prettierrc 文件内容为 { "semi": false, //不加分号 "singleQuote": true //双引号变单引号} { "semi": false, "singleQuote": true }2..eslintrc.js文件 这个...原创 2020-03-19 22:21:46 · 581 阅读 · 0 评论 -
通过externals加载外部cdn资源
路由来加载 参考https://router.vuejs.org/zh/guide/advanced/lazy-loading.html@babel/plugin-syntax-dynamic-import...原创 2020-03-14 16:46:13 · 1036 阅读 · 3 评论 -
vue项目优化为开发模式和发布模式指定不同的打包入口
webpack 参考地址 webpack cli.vuejs.org/zh/guide/webpack.html#webpack原创 2020-03-14 15:29:29 · 647 阅读 · 0 评论 -
build的时候移除console
安装插件babel-plugin-transfrom-remove-consolehttps://www.npmjs.com/package/babel-plugin-transform-remove-console移除vue项目中的打印添加transform-remove-console有些插件只在开发生效,发布时不生效vue-cli-aervice serve...原创 2020-03-14 15:08:05 · 569 阅读 · 0 评论 -
vue 里面写css样式
原创 2020-02-28 09:02:51 · 3277 阅读 · 0 评论 -
自己写分页添加active高亮
自己写分页添加active高亮 pageno表示页码 原理 默认页面如果和点击页面页面是一个就添加高亮page==index?'高亮样式':''原创 2020-02-28 00:42:00 · 814 阅读 · 0 评论 -
vue element ui分页演示demo 对接上后台数据就能用
自己写的分页demo 加上后台数据就可用页面展示<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/eleme...原创 2020-02-27 22:40:28 · 638 阅读 · 0 评论 -
vue解决报错 No 'Access-Control-Allow-Origin' header is present on the reques
报错has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.解决:php后台 添加header("ACCESS-CONTROL-ALLOW-ORIGIN:*");原创 2020-02-26 17:04:10 · 4076 阅读 · 0 评论 -
vue 表单全选功能
效果:可直接运行,默认用的当前数据(get请求接口返回数据就可以用)<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 表单全选功能</title><link rel="stylesheet" href="https://...原创 2020-02-22 21:39:07 · 785 阅读 · 0 评论 -
vue post请求的几种方式 axios
一、axios的post请求 方式1.方式1拼接 send: function () { axios.post('post.php','name=alice&num=20&').then(resp=>{ console.log(resp); this.josarr=resp.data.jokes //数据赋值 ...原创 2020-02-21 23:54:51 · 8095 阅读 · 0 评论 -
vue get请求实例获取笑话
写的一个简单的vue get请求<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试get实例(runoob.com)</title><script src="https://cdn.staticfile.org/vue/2.4.2...原创 2020-02-21 21:53:34 · 491 阅读 · 0 评论 -
var let和const关键字的使用
let:定义变量先定义在使用,变量不提升,块级的作用域,不会 成为属性。示例:而var就不会报错let的作用域:let和var最主要区别const 常量声名定义须同时 禁止重定义值 常量名称用大写 参考:http://v.qq.com/x/page/g0814e8xtrx.html...原创 2020-02-21 11:54:02 · 591 阅读 · 0 评论 -
学习vue 2常用语法 模板指令(单页面)
常用语法模板-v-on-v-bind添加样式如果是要是否显示 通过对象原创 2020-01-21 10:08:24 · 97 阅读 · 0 评论 -
学习vue 1(单页面)
vue1.11-2 环境的搭建官网链接官网链接 https://vuejs.bootcss.com/v2/guide/安装nood 和git用淘宝镜像原创 2020-01-21 00:06:45 · 96 阅读 · 0 评论 -
vue 安装版本管理 nvm
安装nvm 在GitHub搜索nvm-window,点开下载页面https://github.com/coreybutler/nvm-windows/releases上面版本:nvm-noinstall.zip: 绿色免安装版本,需要配置之后才能使用;nvm-setup.zip:windows安装包,不需要配置直接使用(推荐使用);Source code(zip):zip...原创 2020-02-03 20:50:18 · 986 阅读 · 0 评论 -
vue调试
1.安装vue调试插件2.调试方法单页面调试 var app =new Vue 在调试窗口就可以用app.调用2.1 console.log() 调试2.3 alert() 调试2.3 debugger 调试会中断,可以看到有哪些变量断点、输出变量的值等2..4 window.vue = this在调试窗口局可以用 window.vue调试...原创 2020-01-27 22:27:10 · 370 阅读 · 0 评论 -
vuex vuex vuex 改变页面的值
使用vuex需要先定义store.js 然后定义state(定义公用的值,需要改变的值)和mutations(定义改变状态的方法)组件需要引入store.jsinfo文件...原创 2020-01-27 21:43:39 · 944 阅读 · 0 评论 -
vue代码规范
官方的风格指南风格指南原创 2020-01-26 22:15:02 · 135 阅读 · 0 评论