vue 点击传参页面跳转

最新推荐文章于 2025-05-28 19:44:31 发布

qq_17152035

最新推荐文章于 2025-05-28 19:44:31 发布

阅读量4.5k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_17152035/article/details/73854292

本文介绍使用Vue.js实现的一个表格组件，该组件能够动态展示一系列审批记录，包括审批编号、业务类型、标题、创建时间、状态和申请人等信息，并提供查看详细信息的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<tr  v-for="value in options">
    <td>{{ $index }}</td>
    <td>{{ value.approveNumber }}</td>
    <td>{{ value.businessType }}</td>
    <td>{{ value.title }}</td>
    <td>{{ new Date(parseInt(value.ctime)).toLocaleString().replace(/:\d{1,2}$/,' ') }}</td>
    <td v-if="value.status ==0">正在审批</td>
    <td v-if="value.status ==1">审批通过</td>
    <td v-else>审批未通过</td>
    <td>{{ value.name }}</td>
    <td onclick='{{ getEditUri(value) }}'>
        <span class="btn btn-primary">查看</span>
    </td>

var mycreateapprove = new Vue({
        el : '#mycreateapprove',
        data : {
            options : {}
        },
        methods : {
            getEditUri: function(approveInfo){
                //alert(approveInfo.content +","+approveInfo.id + ","+ approveInfo.approveNumber +"," +approveInfo.title + "," +approveInfo.syb +"," +approveInfo.name)
                var str = JSON.stringify(approveInfo);
                return "$.jump(\'createApprove.html?op=1&myApprove=" + encodeURI(encodeURI(str)) + "\')";
//                window.location.href = "./createApprove.html?op=1&myApprove=" + encodeURI(encodeURI(str));
            }
        }
    });
页面只读 和隐藏
$("#title").attr("readonly","true");
$("#remark").attr("readonly","true");
$("#title_error_div").hide();
encodeURI(encodeURI(str))  中若有特殊字符会报错比如%&