iview menu导航菜单 on-select怎么使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iview menu导航菜单 on-select怎么使用相关的知识,希望对你有一定的参考价值。

冒被鄙视的风险回答下

on-select 作用在<Menu> 标签组件上

template上这么写
<Menu ... @on-select="turnUrl">

script中这么写
export default 
    methods: 
        turnUrl(name) 
            // name是 <Menu-item name="timestamp">时间戳</Menu-item> 的name
            // 我的router有 /timestamp 于是使用了vue-router中的编程路由进行动态跳转
            this.$router.push(name)
    
    


回答完毕

参考技术A

on-select 作用在<Menu> 标签组件上则

template上这么写

<Menu .on-select="turnUrl">

script中这么写

export default

methods:

 turnUrl(name) name是 <Menu-item name="timestamp">时间戳</Menu-item> 的name

我的router有 /timestamp 于是使用了vue-router中的编程路由进行动态跳转

this.$router.push(name) 

你说的是 javascript 的 textbox(input type="text") 的onselect

<aspx ....省略 runat="server" onselect="javascript:myOnSelect()" /><script>

function myOnSelect()

alert('SELECTED!');

</script>

另外api中说有参数record,参数表示

function initComboboxesValues()

alert("1");

$('fbookCood').combobox(

onSelect:function(record)

alert(record);

alert("2");

)。

参考技术B 可能你的都是主分区,转换一个成逻辑分区,问题就可以解决!或者直接用系统盘重装过。

以上是关于iview menu导航菜单 on-select怎么使用的主要内容,如果未能解决你的问题,请参考以下文章

iview左侧导航实现

iview关于menu结合router问题

iview 动态渲染menu时active-name无效的问题

Vue iview-admin框架二级菜单改为三级菜单

elementui导航菜单通过路由跳转怎么活跃状态

解决element-ui el-menu跳转,导航不高亮或没有选中问题