vue.js指令，会在前面加上一个红星，也可以加其他的字符
2019-08-01 本文已影响2人
竿牍
用途：表单中，有些是必填项，需要在选项前面加上一个红星，用指令很方便实现重用
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
