vue
el-button-group中只有一个button情况下的美化
由于el-button-group是父组件,所以没有办法通过v-if来判断。最后我想到可以以使用css的only选择器来实现。
v-model使用computed实现动态绑定
vue开发中,v-model双向绑定是常用的指令,但是在项目中,我是想通过if-else判断不同的条件下,绑定不同的值,那么直接v-model将无法实现,而且v-model不支持三元运算符了。
vueuse的useBreakpoints函数的使用场景
关于vueuse我就不多介绍了。简单的说就是对于vue一个补充的框架工具类库,有不少功能还是比较实用的,今天就说说在响应式布局中常用的函数,useBreakpoints。
ElTable中实现全选以及父子联动效果
Element中Eltable实现功能:点击全选按钮,所有子选项一起选择,取消也一起取消。点击父选项时,子选项也会一起选择,反之亦然。
vue3中覆盖element样式方法
以后如果再碰到需要覆盖element默认样式的,第一想法是去修改变量。而不是重写class
vue项目中使用vue-i18n实现多语言系统
vue项目中使用vue-i18n实现多语言系统
vite构建vue项目后,van-dialog样式失效的问题
vue中使用vant组件,dialog、toast等交互组件是需要经常使用的,在开发模式下一切正常,但是npm run build构建后,这几个交互组件样式不能正确显示了。
vue3中使用pinia并持久化小结
pinia方便很多,真的方便很多,少写不少代码。ts支持很好,之前vuex要支持ts实在太麻烦了,持久化配置也方便。
vue3中异步传递组件数据,使用defineProps报错的解决方案
props使用ts联合类型,解决Invalid prop: type check failed for prop "data". Expected Array, got Null
element-plus的 @change事件传递多个参数
在el-checkbox事件触发后,函数需要传递一个自定义参数。最终实现代码如下,scope.$index是el-table当前行的索引