![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
sunshine08_07
日常更新中。。。。
碰见的难点需要记下的都会写在这里
展开
-
vue3 自定义v-model
子组件input,父组件实时接收子组件输入的值。之前用的都是子组件向父组件传值最原始的方法,vue2.2以后新增加了自定义v-model语法糖。亲测好用子组件:<template> <input @input="$emit('update:inputVal',$event.target.value)"></template><script> export default { props: {原创 2021-08-05 15:45:24 · 699 阅读 · 0 评论 -
vue3使用echarts
1、安装npm install echarts --save2、在main.js中导入import * as echarts from 'echarts'const app = createApp(App)app.config.globalProperties.$echarts = echartsapp.use(store).use(router).use(ElementPlus).mount('#app')3、在vue页面使用<div id="myCharts" cl原创 2021-08-04 17:29:27 · 970 阅读 · 0 评论 -
vuex的state数据更新,视图不更新
最近做项目碰见的问题,通过mutations修改数据后,computed可以监听到数据的变化,但是视图只更新一次就不变了。百度了很多解决办法都无效,最后搜索到的是vuex不能监听到数组的长度变化。因为之前一直没有存储过数组类的数据,所以并没有碰到过这样的问题。找到了不更新的原因,解决办法就很简单了,在每次修改数据之前,先将数据重置。state: { routeViews: [], //路由存储数组 }, mutations: { routeViews(state, obj)原创 2021-07-26 09:19:35 · 2431 阅读 · 1 评论 -
vue中的is方法
1、is扩展html标签的默认限制/* 正常情况下,ul下面嵌套的必须是li,这是html的固定写法 */<ul> <li></li> <li></li></ul>/* 在vue中有时会把li单独拿出来做成一个组件 */<ul> <my-item></my-item></ul>/* 上面这种写法在渲染时会默认无效内容,也许会报错,这时就用到i原创 2021-07-22 13:32:12 · 274 阅读 · 0 评论