Vue——在标签的属性中引入变量

参考博客只需要在需要的属性前面加上 : ,然后再用 + 号字符串拼接就行了//引用阿里的矢量图库，原始写法<svg class="icon head-icon" aria-hidden="true"><use xlink:href="'#favicon-default1">&

tplwang

3324人浏览 · 2019-03-20 16:53:39

tplwang · 2019-03-20 16:53:39 发布

参考博客
只需要在需要的属性前面加上 : ,然后再用 + 号字符串拼接就行了

//引用阿里的矢量图库，原始写法
<svg class="icon head-icon" aria-hidden="true">
  <use xlink:href="'#favicon-default1"></use>
</svg>

//
<svg class="icon head-icon" aria-hidden="true">
  <use :xlink:href="'#favicon-default' + (i)"></use>
</svg>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^