![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
QQ2856639881
这个作者很懒,什么都没留下…
展开
-
el-dialog 的坑
el-dialog 尽量放到最外层, 不要包到 v-if 或 <template v-else> 中, 不然出莫名的问题。原创 2023-12-25 22:49:08 · 380 阅读 · 0 评论 -
简单的办法解决 addRoute后刷新白屏的问题
刷新后到达 default页, 不白屏。思路: 刷新后都重定向到首页。router.js文件。原创 2023-02-11 23:48:30 · 439 阅读 · 1 评论 -
vue2 获取不到 Vue.prototype.$abc 的一种情况
在 index.vue中的赋值应改为 Vue.prototype.$abc = {.....}然后又在index.vue中 this.$abc = {.........}这样在其他地方使用 this.$abc 获取到的依然是{}原创 2023-02-07 23:50:34 · 837 阅读 · 0 评论 -
vue 事件传参
【代码】vue 事件传参。原创 2022-11-07 22:11:10 · 172 阅读 · 0 评论 -
chrome 中一个坑DIE的设置 | getUserMedia is not implemented in this browser解决办法
getUserMedia is not implemented in this browser解决办法原创 2022-08-06 18:01:22 · 940 阅读 · 0 评论 -
vue 动态绑定样式,实现隐藏或显示
:class="[show_side?'show':'hide']"<el-aside width="200px" style="overflow: hidden; border-right: 1px #efefef solid;" :class="[show_side?'show':'hide']" ></el-aside>.show{}.hide{ display: none;}这样只是样式上的隐藏和显示,如果用v-if 则会销毁和创建 el-as原创 2022-02-27 12:08:49 · 2168 阅读 · 0 评论 -
vue 中使用JSX详细过程 (vue 2.5.2版本)
1、安装依赖:1)babel-plugin-transform-vue-jsx vue中转换jsx语法2) babel-plugin-jsx-v-model 让jsx支持v-model 语法npm install @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-propsnpm install babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-he...原创 2021-10-22 22:45:14 · 2051 阅读 · 0 评论 -
vue 组件参数的冒号
如<el-input :disabled="fig.readonly"clearable></el-input>冒号不可省略, 比如disabled=’flase' 和disabled='true' 都被解析为true加冒号的,说明后面的是一个变量或者表达式,没加冒号的后面就是对应的字符串字面量...原创 2021-05-22 13:47:45 · 940 阅读 · 0 评论 -
el-date-picker 等 点击无反应不回显问题解决
<el-date-picker @input="onInput()" ...><el-input @input="onInput()" ...>js中 onInput() { this.$forceUpdate(); },原创 2021-05-17 10:19:53 · 3840 阅读 · 0 评论 -
vue 插槽 父组件向子组件传值
1、使用props子组件中: <slot name="seacher" :slot_querys="slot_querys"></slot> props: { slot_querys: { type: Object }, },父组件中: <child :slot_querys="slot_querys" > <template slot="seacher"> ...原创 2021-05-12 12:01:37 · 1336 阅读 · 0 评论 -
vue html中调用方法遇到的坑
html<input v-model="value" style="width: 200px"></input> 这个是调用方法获取值: {{get_value()}}vuedata() { return { value: null }},methods: { get_value:function(){ return Math.random() },}结果输入框中每输入...原创 2021-05-04 13:55:47 · 186 阅读 · 0 评论 -
vue-cli项目在ie白屏,SCRIPT1002 报错
安装使用 babel-polyfill 后依然报SCRIPT1002错误, 白屏注释掉一些插件,居然好了// import "@/plugs/zTree/js/jquery.ztree.core.min.js"// import "@/plugs/zTree/js/jquery.ztree.excheck.min.js" // import 'vx-easyui/dist/themes/default/easyui.css';// import 'vx-easyui/dist/t..原创 2021-03-03 12:12:48 · 253 阅读 · 0 评论 -
vue中 swiper 图片点击打开大图
<swiper :options="swiperOption"> <swiper-slide class="swiper-slide" style="text-align: center;" v-for="(item,index) in obj.images" :key="index"> <!-- @click="showImg(item._obj.img)" 有问题有时无效 --> <img style...原创 2020-10-14 12:25:45 · 477 阅读 · 0 评论 -
vue css 中使用static中的图片
css中background-image: url(/static/images/xxx.png);.m_img { background-repeat: no-repeat; cursor: pointer; height: 32px; margin: auto; overflow: hidden; width: 32px; background-image: url(/static/images/xxx.png);}config/index.js中的配置 .原创 2020-10-07 17:47:37 · 2397 阅读 · 0 评论 -
el-tree 阻止点击节点的时候自动展开或者收缩
expand-on-click-node 是否在点击节点的时候展开或者收缩节点, 默认值为 true,如果为 false,则只有点箭头图标的时候才会展开或者收缩节点。 但设置的时候,要加上: 不然无效<!--这样可以--><el-tree :expand-on-click-node="false" ...><!--这样无效--><el-tree expand-on-click-node="false" ...>...原创 2020-10-06 11:19:32 · 9991 阅读 · 6 评论 -
嵌套 promise
//pro1 中return一个Promise对象function pro1(){ return new Promise((resolve,reject)=>{ setTimeout(()=>{console.log(1000);resolve();},1000); })}//pro2 中return一个Promise对象function pro2(){ return new Promise((resolve,reject)=.原创 2020-06-06 15:02:21 · 330 阅读 · 0 评论 -
vue 递归组件,报错 For recursive components, make sure to provide the name option.
试了很多方法,发现注册成全局组件,即可解决问题单文件组件注册成全局的方法: 在main.js中import Page from '../components/Page'Vue.component('v-page',Page);这样注册全局可用,使用时就是这样:<v-page></v-page>,不需要在组件中再单独引入...原创 2020-05-18 22:31:14 · 2150 阅读 · 0 评论 -
已定义,但提示 Property or method is not defined
分明已经定义了变量name,但依然提示:[Vue warn]: Property or method "name" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.原原创 2020-05-18 02:00:04 · 12336 阅读 · 0 评论 -
vue 中使用 swiper
网上各个时间段的博文都有, 所以要看官方的,以官方的为准:https://github.com/surmon-china/vue-awesome-swiper-----npm install swiper vue-awesome-swiper --save# oryarn add swiper vue-awesome-swipermain.jsimport Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-s.原创 2020-05-11 21:59:09 · 139 阅读 · 0 评论 -
vue 自定义组件引用后不渲染问题总结
1、 用小写2、不要用html已经用了得标签3、import test from "@/components/test.vue"; 之后在这里也要注册: components: {test} 千万注意 这个地方是 { a,b,c } 不是 [a,b,c ]...原创 2020-05-06 17:45:40 · 4171 阅读 · 2 评论 -
vue checkbox click 点击时
<input type="checkbox" :id="item2.id" v-model="item2.answer" :value="item2.id" @click="ckbox_click(item,item2)" />此时ckbox_click获取item2.answer 得到的值, 是点击前的值如果想获取点击后,即改变后的值, 将click改成chang...原创 2019-12-02 19:05:18 · 1268 阅读 · 0 评论 -
ie11 一个非常严重的兼容问题 for of 不支持
需要改成: for(let i=0;i<this.showImgs.length;i++) { let iii=this.showImgs[i]; }原创 2019-11-26 16:56:50 · 2536 阅读 · 0 评论 -
三分钟理解vue中的 slot
solt的作用: 一个组件中预留出插槽, 用来展示父组件传来的Dom元素比如子组件内容如下,其中slot就是插槽,用来展示父组件插进来的内容:<div> <h2>我是子组件的标题</h2> <slot></slot></div>父组件内容如下:(child-component即是上...原创 2019-11-18 20:43:33 · 644 阅读 · 1 评论 -
vue 同一路由连续多次进入不刷新的问题
路由参数变化但是页面没有刷新这是Vue的组件复用的默认处理方式文档里面写了不想复用的话,就在父组件的router-view上加个key<router-view :key="$route.fullPath"></router-view>参考:https://segmentfault.com/q/1010000015992883...转载 2019-11-09 14:30:30 · 825 阅读 · 1 评论 -
路由嵌套,子路由改变时父组件如何得知? watch 「$route」
比如 点击浏览器的回退按钮,或者 this.$router.back(-1)回退时,父组件需要获取子路由中的参数, 可以在父组件中watch 「$route」 watch:{ '$route':function(now,old) { console.log('index.vue: old=',old) console.log...原创 2019-11-09 12:03:43 · 525 阅读 · 0 评论 -
el-radio-group 自动选择的问题,自动选择后点击没反应
<el-radio-group v-model="obj.type" > 如果 v-model 是二级字段,而js中又设置了默认选择项,则点击无反应v-model 改成一级对象:<el-radio-group v-model="project_type" @change="type_change()">然后在type_change() 再把 值赋给 ...原创 2019-05-06 17:38:01 · 5419 阅读 · 2 评论 -
Element-ui 样式修改
1 直接style="。。。" 有时不起作用, 大部分时候不起作用2 全局修改 (不加scoped)<style>.el-textarea__inner{font-family:"Microsoft";font-size:20px;}</style>3 本组件内修改,加上个范围既可 (不加scoped)<style>...原创 2019-03-12 01:24:17 · 2300 阅读 · 0 评论 -
Element-ui 样式重写
https://blog.csdn.net/weixin_42024288/article/details/81042575写了一个vue方面比较全的博客,也包括该博客内容,并进行修正,链接:https://blog.csdn.net/weixin_42024288/article/details/82181762首先,vue与Element-ui兼容性很好,但是Element-ui用...转载 2019-03-12 00:57:11 · 3450 阅读 · 0 评论 -
vue keep-alive 在列表页、详情页、编辑页之间的跳转
https://www.cnblogs.com/growupup/p/10001623.html一、解释:列表页( list ): 比如订单列表, 可以是按时间倒序的列表、也可能是根据一些条件查询出的一页订单数据详情页( view ): 只读的,仅仅用来查看一下详情的页面编辑页( detail ): 可以对对象整体或者部分进行修改的页面二、需求:1. 列表页(...转载 2019-03-10 01:04:59 · 2303 阅读 · 0 评论 -
el-upload 的两种使用方式
1 <el-upload show-file-list="false" list-type="picture" class="upload-demo" :action="upload" :on-preview="handlePreview" ...原创 2019-03-09 14:46:57 · 9228 阅读 · 0 评论 -
upload 文件,报错 No 'Access-Control-Allow-Origin' header is present on the requested resource.
本来以为是跨域问题但后来发现是上传到服务器的文件写入的目录不存在,汗原创 2019-02-06 09:49:29 · 1109 阅读 · 0 评论 -
vue-router2.0 组件之间传参及获取动态参数
1.标签<li v-for=" el in hotLins" > <router-link :to="{path:‘details‘,query: {id:el.tog_line_id}}"> <img :src="el.image_list[0]"> <h3>{{el.tourism_name}转载 2019-02-03 21:43:51 · 398 阅读 · 0 评论 -
vue 回到顶部
document.body.scrollTop = 0 document.documentElement.scrollTop = 0原创 2019-05-06 21:32:47 · 154 阅读 · 0 评论 -
Element-ui 全局设置loading
main.jsimport { Loading } from 'element-ui';let loadingCount = 0;let loading;const startLoading = () => { loading = Loading.service({ lock: true, text: '加载中……', backgrou...原创 2019-05-06 21:35:45 · 2613 阅读 · 0 评论 -
element-ui 引入自定义主题
1、首先使用主题工具修改主题,并下载解压,得到一个index.css2、引入自定义主题,在main.js中引用这个css既可和引入默认主题一样,在代码里直接引用「在线主题编辑器」或「命令行工具」生成的主题的theme/index.css文件即可。import '../theme/index.css'import ElementUI from 'element-ui'im...原创 2019-10-02 22:48:36 · 860 阅读 · 0 评论 -
vue ajax同步请求
1、引入jquery2、function post(headers, json, url) { let request = $.ajax({ headers: headers, type: 'POST', url: url, async: false, // 同步 ...原创 2019-09-26 15:02:33 · 1147 阅读 · 0 评论 -
el-radio-group 点击后不更新问题备忘
<el-radio-group v-model="obj.type" @change="type_change()"> <el-radio label="1" key="1" border>aaaa</el-radio> <el-radio label="3" key="3" border>b...原创 2019-09-20 10:00:09 · 1231 阅读 · 0 评论 -
el-table-column 中 input 阻止事件冒泡
<el-table-column fixed="right" align="center" label="操作" width="240px"> <template slot-scope="scope"> <div @click.stop style="text-align: left;"> &l...原创 2019-09-03 14:43:26 · 2911 阅读 · 1 评论 -
nuxt: 权限不够
sh: /xxx/node_modules/.bin/nuxt: 权限不够npm ERR! code ELIFECYCLEnpm ERR! errno 126npm ERR! inno@1.0.0 dev: `nuxt`npm ERR! Exit status 126npm ERR!npm ERR! Failed at the inno@1.0.0 dev scri...原创 2019-08-30 00:52:43 · 2072 阅读 · 0 评论 -
Wxml中遍历对象
//wxml<view wx:for="{{obj}}" wx:for-index="key" wx:for-item="value">{{key}} : {{value}}</view>//jsdata:{ obj: {...} }原创 2019-05-29 09:52:45 · 904 阅读 · 1 评论