![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
世界是熊猫的!
这个作者很懒,什么都没留下…
展开
-
浏览器调试窗口资源栏(源码)es6模块导入提示Uncaught SyntaxError: Unexpected token{ / identifier的原因以及解决方案
问题描述:有时候会出现这样的现象:前端代码可以在IDE中正常运行和打包,但在浏览器调试窗口资源栏(源码)提示Uncaught SyntaxError: Unexpected token{ / identifier(1)Uncaught SyntaxError: Unexpected token{ / identifier****a:可能是当前浏览器不支持“裸”导入:// 非裸导入: Supported:import {foo} from 'https://jakearchibald.com/util原创 2021-03-31 15:00:21 · 654 阅读 · 0 评论 -
vue更新数组
vue更新数组时,如果视图不更新可以依次尝试:(1)$set()(2)数组的splice方法(3)更新某个对象属性时,不要只更新对象某个属性,更新整个对象原创 2021-03-23 20:09:06 · 100 阅读 · 0 评论 -
vue自定义递归组件
在自定义树形结构的组件时,如果数据嵌套层数未知(即父若有子,子又有孙,子子孙孙无穷尽也),此时就可以使用递归的方式定义组件。如多级菜单,树形列表等。递归组件模板在定义时时,需要注意:一定要写终止条件,否则就会陷入无止境的循环中。举例:定义多级菜单:父组件中使用 sidebar-item:<el-menu :default-active="activeMenu" :collapse="isCollapse" :background-color="v原创 2021-03-23 11:31:52 · 364 阅读 · 0 评论 -
移动端@click=“”绑定点击事件失效的问题
加.native即可即:@click.native=“func”原创 2020-09-11 16:55:12 · 779 阅读 · 0 评论 -
vue初次实践两周总结
1.vue中的computed(1)computed中的函数不能直接传参,即不能写成:computed: { showArowValue(index) { return this.showArowArray[index]; }, },如果需要传参,则需要使用闭包,即computed: { showArowValue() { return function (index) { return this.s原创 2020-09-11 16:51:56 · 740 阅读 · 0 评论 -
vue导出excel表格步骤以及易出错点
转载自:vue导出excel表格完全按照上面博客的步骤操作进行,其中出错的坑在于:复制export2Excel()方法后,要把里面的require中的路径改成自己项目对应的路径。需要注意的是,装完相应的loader后,要重新打包项目,其中可能会需要再次安装url-loader等其它loader。...原创 2020-08-26 17:05:36 · 364 阅读 · 0 评论 -
element ui布局初识
<el-container>:外层容器。当子元素中包含 <el-header> 或 <el-footer> 时,全部子元素会垂直上下排列,否则会水平左右排列。<el-header>:顶栏容器。<el-aside>:侧边栏容器。<el-main>:主要区域容器。<el-footer>:底栏容器。所以如果想要使侧边栏和主体容器并行排列,则需要再新建一个el-container标签,里面只放el-aside和e转载 2020-08-25 14:35:37 · 338 阅读 · 0 评论 -
vuex使用方法以及踩坑记录
1.在webpack中配置vuex方法见博文:在webpack中vuex配置2.在各组件中的使用步骤:(1)在项目的入口文件index.js中添加语句:原创 2020-08-25 13:53:49 · 142 阅读 · 0 评论 -
为什么要用vuex而不是直接使用全局变量
转载自:为什么要用vuex,而不是直接使用全局变量Vuex 和单纯的全局对象有以下两点不同:1.Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。2.不能直接改变 store 中的状态。组件改变state的唯一方法是通过显式地提交mutation。这样使得我们可以方便地跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好地了解我们的应用。【若是异步事务或者是大批量的同步事务要改变state,转载 2020-08-25 09:55:42 · 1179 阅读 · 0 评论 -
webpack中配置vuex
1.cnpm install vuex --save我在配置的时候由于没有安装,所以出现无法resolve vuex的错误。2.如果里面涉及到ES6语法,则需安装bable里面可能会用到module.exports={ … },则需安装bable,推荐文章:安装babel其中会出现问题,(1)Cannot find module ‘@babel/core’ babel-loader@8 requires Babel 7.x (the package '@babel/c,百度一下有博客说原因是:原创 2020-08-24 20:19:03 · 361 阅读 · 0 评论 -
:style=“`width: ${item.width}`“解释
:style="width: ${item.width}"中 ${item.width}是ES6中模板字符串(template string)中用占位符拼接字符串的方法。原创 2020-08-24 10:14:41 · 1525 阅读 · 1 评论 -
vue自定义组件传参无效,报错为参数未定义
原因:应该是props而不是prop即:export default { name: "searchTable", props: { tableData: { type: Array, default: [], desc: "动态表格数据", }, tableHeader: { type: Array, default: [], desc: "动态表头", }, }, data() {原创 2020-08-21 17:18:09 · 3764 阅读 · 0 评论 -
vue中的插槽——slot/slot-scope
看的博客链接:vue中的插槽总结:slot就是父组件内自定义内容在子组件中的占位slot-scope是父组件在不仅想要在子组件中占位,还要向子组件传参时,所用到的作用域插槽原创 2020-08-21 16:02:19 · 165 阅读 · 0 评论 -
vue组件传参----prop使用
1.prop 是不能主动修改的2.prop 定义时如果是 驼峰 命令方式,那么使用的时候需要为 短横线 方式,与组件一样在3种特殊情况下,不需要。3.定义方式:(1)数组的方式props: ['title', 'xxx'](2)对象的方式 (这种方式能够实现 prop 的验证)props: { title: String, // 对象或数组默认值必须必须传递一个函数,然后返回默认值 xxx: { type: Object, default: function() {转载 2020-08-21 15:26:55 · 393 阅读 · 0 评论 -
Vue自定义组件封装 浪费两个小时的问题
报错:Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as 网上查到的报错原因:标签内部不止一个根元素而导致报错。 =》排除新建VUE实例的代码放在了被绑定的组件当中。 具体解释点我 =》排除漏写了一个即根元素未正确闭合。 =》排除我就说聪明的我根本就不会犯以上这么低级原创 2020-08-21 14:35:30 · 251 阅读 · 0 评论 -
2020-8-21vue+elementui学习笔记
1.vue的ref属性:ref属性和is属性详解2.vue的key属性:key属性详解3.vue组件封装【1】props传过来的数据只做展示,不得修改,想修改,再新写一个data中的变量承接做数据的再处理。【2】如果如果你希望在 ComponentB 中使用ComponentA则有三部曲:a) import b) 在ComponentB组件的components属性中添加ComponentA c) 在ComponentB组件的html部分添加ComponentA标签代码示例://Compo原创 2020-08-21 14:23:28 · 177 阅读 · 0 评论 -
el-menu+vue-router导航路由跳转
vue+elementui+vue-router使用el-menu实现导航路由跳转1.element-ui.common.js:3383 TypeError: Cannot read property ‘push’ of undefined原创 2020-08-20 19:18:08 · 1370 阅读 · 0 评论 -
vue+webpack中配置elementui填坑总结
前提:已经装好webpack和vue,并配置好vue所需loader等1.安装elementuicnpm i element-ui -S2.在main.js中引入elementuiimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI);此时运行后会报错ERROR in ./node_modules/_element-ui@2.13.2@element原创 2020-08-20 11:26:38 · 1220 阅读 · 0 评论 -
单据流转系统PC端开发踩坑总结
1. vue使用element-ui的el-input监听回车事件 <el-input type="textarea" v-model="busNoSign" placeholder="请将光标置于此处用巴枪进行扫描,输入后回车" @keyup.enter.native="doSignCheck" ></el-input>2.element-table动态显示数据原创 2020-08-19 11:10:23 · 155 阅读 · 0 评论