vue
文章平均质量分 57
老大oba
20岁 30年工作经验
展开
-
vue 在 mounted拿不到props中传递的数据
父组件向子组件传递参数子组件使用props获取但是当子组件中代码异步的时候,可能会出现created和mounted中取不到传递过来的参数的情况。 export default { props: { courseDetail: { type: Object, }, }, data () { return { } }, watch:{ // 监听对象中的某个值 也可以直原创 2021-07-21 17:44:46 · 1900 阅读 · 1 评论 -
element-ui progress 改变背景色
//改变背景色 style不能加scope.el-progress-circle__track { stroke: #262795;}原创 2020-11-30 09:48:57 · 1652 阅读 · 0 评论 -
vue vue-quill-editor 富文本 改变图片大小
1、安装cnpm install quill-image-resize-module -S //改变大小cnpm install quill-image-drop-module -S //拖拽原创 2020-11-25 09:39:45 · 3021 阅读 · 1 评论 -
vue node-sass报错
替换node-sass为sass npm uninstall node-sass //卸载node-sass npm install --dev sass //安装sass然后将项目中所有的 /deep/ 替换为 ::v-deep原创 2020-11-16 10:04:53 · 137 阅读 · 0 评论 -
vue使用vue2-org-tree
1.安装java npm install --save-dev less less-loader npm install --save-dev vue2-org-treetips:因为需要引入less的样式 所以需要安装less2.main.js引入import Vue2OrgTree from 'vue2-org-tree';Vue.use(Vue2OrgTree)3.在页面中直接调用 <vue2-org-tree :data="orginList" /> //data原创 2020-09-11 17:12:20 · 6287 阅读 · 11 评论 -
vue路由跳转新页面
1.router-link标签实现新窗口打开//router-link标签解析出来时link标签,所以可以使用target属性<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新页面打开home页</router-link>2.使用函数跳转,可以借助this.$router.resolve方法fn(){ let routeUrl = this.$router.resolve({原创 2020-07-03 09:38:43 · 380 阅读 · 0 评论 -
vue使用markdown编辑器
在vue中使用markwoen安装markdownnpm install --save mavon-editor 在main.js中引入并注册import mavonEditor from 'mavon-editor';//css样式一定要引入import 'mavon-editor/dist/css/index.css';Vue.use(mavonEditor);组件中//dom <mavon-editor :toolbars="markdownOption" v-m原创 2020-06-24 10:50:25 · 357 阅读 · 0 评论 -
vue全屏组件screenfull的使用
vue使用screenfull进入全屏1.安装依赖 npm install --save screenfull2.在需要设置的页面导入 import screenfull from "screenfull";3.一个按钮,一个点击事件//dom <el-button type="primary" class="button" @click="click">按钮</el-button>//点击函数 click() { // 判断是否支持原创 2020-06-23 10:13:58 · 10351 阅读 · 7 评论 -
nprogress实现路由加载进度条
基于vue 3 和nprogress1.安装依赖 npm install nprogress --save2.在router index.js下面引入nprogress和nprogress.css样式 import NProgress from 'nprogress' import 'nprogress/nprogress.css'3.路由守卫监听路由变化//路由开始发生变化router.beforeEach((to, from, next) => { //进度条开始 N原创 2020-06-22 11:16:41 · 340 阅读 · 0 评论