![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
TurtleOrange
bug需要debug
展开
-
将方法和变量绑定到window上操作
let that = this // 列表插槽传参 window.deviceList=[] window.showDialog = (row) => { that.infoId = row that.deviceList = window.deviceList that.devDialogVisible = true }slot: (row) => { return `原创 2021-04-21 11:05:06 · 1114 阅读 · 0 评论 -
结合生活-浅谈Vue生命周期
结合生活-浅谈Vue生命周期没有亲身经历的事物,是永远进入不了你的脑袋里面的,永远不会深刻Vue.js生命周期上面是Vue官方文档里展示的生命周期图示,还建议大家:上图展示了实例的生命周期。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。接下来是正题:我们把产品的生命周期与Vue的生命周期做比较(总体思想):生产产品 --》》》-- 创建实例(Create)产品摆架 --》》》-- 实例挂载(Mount)商品循环更替 --》》》-- 数据更新(Upd原创 2021-03-05 09:47:50 · 142 阅读 · 1 评论 -
vue.config.js配置文件(build包通用)
vue.config.js配置文件const path = require('path')const resolve = dir => path.resolve(__dirname, dir)const webpack = require('webpack')module.exports = { /* # # 基本路径 */ publicPath: process.env.NODE_ENV === 'production' ? './' : '/', /* # # 输原创 2021-02-25 15:29:12 · 2007 阅读 · 0 评论 -
Vuex中getters的使用方法
Vuex中getters的使用方法前提脚手架搭好Vuex,项目内store文件夹下的index.js实例代码export default createStore({ state: { todos: [ { id: 1, text: '...1', done: true }, { id: 2, text: '...2', done: false }, { id: 3, text: '...3', done: true } ] }, getters: { // 基础用法原创 2020-12-23 11:53:40 · 1256 阅读 · 0 评论 -
Vue中使用Vuex获取多个state状态的4种写法
Vue中使用Vuex获取多个state状态的3种写法写法①computed: { count () { return this.$store.state.count }, count1 () { return this.$store.state.count1 } }写法②computed: mapState([ 'count', 'count1' ])写法③computed: { ...mapState(原创 2020-12-22 15:34:37 · 2845 阅读 · 0 评论 -
vue动态绑定class和style,三目运算符条件判定
三目运算符vue语法#标签内容{{button? ‘取消’ :‘确定’}}【例子】<el-button class="button" type="primary" @tap="handleClick">{{button? '取 消' : '确 定'}}</el-button>#类名:class = “[className ? ‘xx’ : ‘xx’]”【例子】<input :class="[className ? 'class1'原创 2020-08-31 10:37:04 · 9133 阅读 · 0 评论 -
解决vue 使用velocity.js动画库rotateZ属性旋转图片出现锯齿问题(有效)
解决vue 使用velocity.js动画库rotateZ属性旋转图片出现锯齿问题(有效)点开下面的链接,有3种解决办法,有兴趣的小朋友可以查看3种解决办法其中的最优解解决办法,直接在transfrom属性后加入translateZ : 0px即可实现,但是在使用vue时引用velocity.js出现以下情况然后呢小伙伴看见了么,translateZ属性被生吞了,那么图片旋转后的锯齿消除不了,怎么办!嘤嘤嘤~好了不拐弯抹角了,原因是当你设置的属性值为0的时候,浏览器默认不把你的属性渲染出来原创 2020-05-25 16:40:01 · 835 阅读 · 0 评论 -
踩坑:Vue.js中v-for和v-if不能同时使用
踩坑:Vue.js中v-for和v-if不能同时使用问题出现之时:v-if代码地方出现报错下面有红色的波浪线,具体报错信息大概是说v-for和v-if不能混用,取而代之要使用computed计算属性,让数组变量替换为返回的已过滤数组的计算属性。那就写一个计算属性呗在计算属性中已经是过滤了一次数组遍历项,这样写使得性能更优,而且代码不会再报错了!!!!...原创 2019-04-25 16:26:17 · 13406 阅读 · 8 评论