随笔分类 -  vue

vue引入element-ui全步骤
摘要：1.npm i element-ui -S 安装 2.main.js引入 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI, { size: 'med 阅读全文
posted @ 2022-04-01 11:51 cmwang2017 阅读(547) 评论(0) 推荐(0)
vue开发中遇到的一些问题
摘要：1.prop属性传值 最开始接接触props属性的时候都知道要写清接收值的类型，默认值，后来偶然在网上看到有人直接写接收值的名称就行，然后自己也在开发中这样操作，最后的最后就是出了问题，一时找不到原因~ num是接收方式是根据网上学来的，name是自己一直采用的方式，其实你会发现正常传值是没有任何问 阅读全文
posted @ 2022-01-27 09:57 cmwang2017 阅读(139) 评论(0) 推荐(0)
vue表格绑定数据中的值发生改变时，表格未刷新
摘要：最近在做一个页面交互时，涉及到的层级比较深，数组中含有数组，页面中一层循环，二层循环中展示表格数据，然后在开发过程中，出现了新增，编辑，详情等情况 当处理编辑时，因为又涉及到数据比较 去重等问题，导致正常的一处理出现了问题，通过深拷贝实现表格中一行数据的处理后 发现页面上未更新最新的数据 但是控制台 阅读全文
posted @ 2021-10-18 18:12 cmwang2017 阅读(884) 评论(0) 推荐(0)
vue的正则
摘要：import Vue from 'vue' export default () => { // 带小数点的数字 Vue.directive('number', { inserted: function(el) { const input = el.getElementsByTagName('inpu 阅读全文
posted @ 2021-09-02 16:13 cmwang2017 阅读(29) 评论(0) 推荐(0)
基于vue的npm发包
摘要：最近在开发项目，发现很多功能都是以前项目公用的，直接copy发现很费事，于是百度了发现，直接将每一个组件发布到npm上，以后使用直接npm install xxx包就可以了，现将最近研究的结果及入的坑描述如下 一、编写自己的npm包 vue init webpack-simple 包名（注意包名不要 阅读全文
posted @ 2021-07-02 15:36 cmwang2017 阅读(264) 评论(0) 推荐(0)
vue 自定义指令
摘要：/** * 指令 * 判断当前菜单项是否显示 * 给当前菜单添加 a标签 并添加href属性值 */ Vue.directive('menushow', { inserted: function(el, binding){ el.style.display = binding.value true  阅读全文
posted @ 2020-01-06 17:22 cmwang2017 阅读(136) 评论(0) 推荐(1)
vue 插槽
摘要：Vue的插槽slot，分为3种 匿名插槽 具名插槽 作用域插槽 匿名插槽 也叫单个插槽 在子组件的任务位置定义一个slot标签，这样父组件在子组件里写的内容就能显示在页面上 ***子组件里只能有一个这样的插槽 父组件 子组件 具名插槽 给每个slot标签加个name 属性 ***可以有多个 父组件: 阅读全文
posted @ 2020-01-06 10:24 cmwang2017 阅读(137) 评论(1) 推荐(1)
vue 菜单跳转 页面错乱
摘要：今天 在开发项目时，当项目中出现第三级菜单 时，相互间进行跳转，页面错乱，但是地址栏的地址是正确的 后找到解决办法 阅读全文
posted @ 2020-01-02 17:04 cmwang2017 阅读(404) 评论(0) 推荐(0)
vue项目中使用elementUI的el-tabs组件 浏览器卡死问题 解决办法
摘要：公司的项目都是以前做的，所以不管是vue还是element-ui版本都过于老旧，尤其是element-ui基本都是在2.8.2以前的，因此很多新的功能就无法使用，于是就想到升级 element 但是升级完就会发现，只要页面中用到el-tab就会出现卡死状态 网上找了很多办法，原因都是相同的，vue跟 阅读全文
posted @ 2019-12-27 14:59 cmwang2017 阅读(2027) 评论(0) 推荐(0)
vue 环境配置
摘要：今天在新项目里配置本地环境时引发的一些问题： 本地新配置local环境，config-index.js - local config-local.dev build-webpack.local.conf packages.json - script - "local": "webpack-dev-s 阅读全文
posted @ 2019-12-25 17:46 cmwang2017 阅读(163) 评论(0) 推荐(0)