1、循环数据menuList展示菜单列表,每个菜单需要使用添加链接。
2、使用告诉vue-router把菜单链接匹配到的组件渲染到相应位置。
3、使用fixed定位将菜单固定在浏览器左边,同时设置top和bottom使菜单垂直方向上铺满浏览器。
一般常用两种方式1.其提供的路由元素
2.JS中跳转
3、强制写法
注意点:href前面要加“:”或者v-bind:
2.字符串要用单引号“ ’ ”包住
加上了冒号是为了动态绑定数据,等号后面可以写变量。
如果不使用冒号,等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了
4、我的一种纯手工写法,比较笨呵
示范网址: http://www.z01.com/rpa
vue怎么在单选框加链接vue怎么在单选框加链接
可以使用v-html指令,将链接写在单选框的文本中:
<input type=\"radio\" v-model=\"selected\" v-html=\"linkText\">
data(){
return {
selected: '',
linkText: '<a href=\"https://www.baidu.com\">百度一下</a>'
}
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)