易栈网-膘叔（Neatstudio.COM）

浏览模式: 标准 | 列表查看gouki的文章

belongsToMany的备份

Submitted by gouki on 2023, September 4, 3:23 PM

纯备份，长时间不用的时候直接就忘了

PHP代码

class Shop{
/**
* 员工
* @return \Illuminate\Database\Eloquent\Relations\BelongsToMany
*/
public function staffs()
{
// 1、目标类 UnionUser，
// 2、中间表的表名 pivot: union_user_store，
// 3、中间表对应当前表的字段 :shopcode ，
// 4、中间表对应目标类的字段 usercode
// 当关联不是ID时，需要有5、6参数
// 5、当前类对应 3的字段 (code -> 3:shopcode)
// 6、目标类对应4的字段 (usercode -> 4:usercode )
return $this->belongsToMany(UnionUser::class, UnionUserStore::getTable(), 'shopcode', 'usercode', 'code', UnionUser::USERCODE);
}
}

---EOF--

PHP | 评论:0 | 阅读:961

ElementUI的form校验的number

Submitted by gouki on 2023, September 3, 10:10 PM

一般而言，elementUI的prop+rules可以用来对字段进行校验。大多数情况下感觉都没什么问题，毕竟官方的例子摆在那里。element-plus的例子没有的，element-ui2的例子也比较全。

但element-plus和elementui中都没有对number类型进行介绍，如果直接{type:'number',....} 不管你填入什么值，都会报错，即使你用el-input+type="number"，效果仍然一样

这是因为vue对所有的input默认都是当成string来解析的，因此你对一个string判断number，肯定就是失败的

网上80%的例子都是说采用：v-model.number="form.xxx" 来处理，确实，这样处理是OK的，但你会发现一个很严重的问题，那就是能输入的内容都是integer了。没法有小数点

这时候其实还是可以看element-plus所使用的async-validator的官方例子，因为黑夜的象{required:true},{type:"array"}等，都是来自于async-validator的官方支持，而官方是支持type="number"的。现在剩下的其实就是将el-input中的内容转为Number进行判断。仅此而已

官方的例子中有transform，这是一个钩子函数，用于验证前将数据进行简单的转换，比如我们就可以{type:"number",transform: Number}，如果不能转成Number，其实也就失败了

---

临时写的，就先这样，后续有机会慢慢写的更详细一点，也或许就不再写了

参考：

1、https://github.com/yiminghe/async-validator

2、https://www.cnblogs.com/alabo1999/p/14990310.html （正好找到这一篇足够详细，估计我也不会再多写了）

Javascript | 评论:0 | 阅读:980