![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 79
假装的妆
这个作者很懒,什么都没留下…
展开
-
vue中$confirm弹出时就直接走then方法了
项目中遇到这样的情况:confirm框一弹出来就立马执行了then方法中的代码,不符合业务逻辑代码如下:this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then( this.$message({ type: '原创 2020-09-15 10:49:38 · 4508 阅读 · 3 评论 -
sync优雅更新props
大家都知道在vue中父组件向子组件传值用props ,但在子组件中不允许直接修改prop,因为这样操作并不符合单向数据流原则,官方定义用$emit修改,在父组件中接受该事件传来的更新值。突然有一天,我的需求变了,很简单:我仅仅想修改prop的值,仅此而已。那么就该sync上场啦!!!父组件:<my-box :fillname.sync = "fillname"></my-box>子组件:export default { props:{ fillname: Str原创 2020-09-07 14:12:05 · 183 阅读 · 0 评论 -
vue中不引入jQuery如何获取DOM元素
在vue不引入jQuery插件的条件下,一步获取dom元素//在dom元素<div ref="aaa"></div>//获取this.$refs.aaa.style.top = "10px"原创 2020-08-31 10:29:16 · 389 阅读 · 0 评论 -
elementui中的form表单中嵌套表格,表格中又校验input框
elementui中的form表单中嵌套表格,表格中又校验好几个input框最近需求中form表单中要填写好几个联系人,每个联系人都有姓名,手机,地址等多个信息,而且均需要做校验,代码如下data中的变量如下 model: { list: [] }, mainMemLabel: false, rules1: { name:原创 2020-08-12 19:54:50 · 8227 阅读 · 2 评论 -
elementui表格中表头宽和内容宽不能自动匹配
elementui表格中表头宽和内容宽不能自动匹配table中的数据是动态加载出来的,结果表头和内容总宽对不齐,如下图:解决办法设置样式checkTable是我自己起的表格ID,总之就是将表头中的th,F12打开会看到最后一个是display:none的,只要放开就可以了...原创 2020-08-12 19:46:15 · 1021 阅读 · 0 评论 -
vue+elmentui项目中使用mint-ui的action sheet
vue+elmentui项目中使用mint-ui的action sheet这是饿了么效果:这是mint-ui效果:单个下拉框数组循环下拉框大家都知道饿了么框架本是pc端的,手机端项目体验可能就没那么好了,所以为了更好的适应手机端,最近项目要求将饿了么的下拉框组件改成mint-ui的actionsheet这是饿了么效果:这是mint-ui效果:在改造过程中主要遇到两类情况:单个下拉框...原创 2019-07-24 14:08:04 · 501 阅读 · 0 评论 -
项目中如何判断当前设备是手机还是pc端
项目中如何判断当前设备是手机还是pc端方法一方法二在vue+elementui项目中,我遇到了需要判断当前设备是pc端还是手机端的问题,以下是我们上网搜索总结的两类方法方法一方法二...原创 2019-07-16 10:54:18 · 1112 阅读 · 0 评论