vue.JS 指令, 会在前面加上一个红星, 也可以加其他的字符
用途: 表单中, 有些是必填项, 需要在选项前面加上一个红星, 用指令很方便实现重用
- vue.directive('redStar', {
- inserted (el, binding) {
- let txt = el.innerhtml;
- el.innerHTML = `<span style="color: red;font-weight: bold;">${binding.value || '*'}</span> ${txt}`;
- }
- });
- <span v-redStar > 选择产品类型 </span>
效果图:
image.PNG
来源: http://www.jianshu.com/p/47e01efd17a7