[已解决]关于html的script没有生效的问题

这次的脚本不生效和一般的问题不太一样,不是引用路径错误之类的问题

是用了一个标签form的原因,最外层没有加任何属性,而引用的函数又刚好是在里面的元素

<form>
</form>

解决方式:

需要给标签加个属性 改成下面这样就行了

<form action="#">
</form>

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在uniapp中,table组件的rowspan属性并不支持,但可以通过使用view和flex布局来模拟实现。具体步骤如下: 1. 使用view和flex布局代替table 2. 将每一行的数据封装为一个子组件,并使用flex布局实现每一列的对齐。 3. 在子组件中使用v-if或v-show来控制跨行的单元格的显示和隐藏。 4. 在需要跨行的单元格中,使用position: absolute将单元格定位到相应的位置,同时设置宽度和高度,实现跨行效果。 以下是一个简单的示例代码: ```html <view class="table"> <!-- 表头 --> <view class="row header"> <view class="cell">姓名</view> <view class="cell">性别</view> <view class="cell">年龄</view> <view class="cell" style="width:100px;">地址</view> </view> <!-- 表格数据 --> <my-row name="张三" sex="男" age="18" address="北京市海淀区中关村街道" :rowspan="2"></my-row> <my-row name="李四" sex="女" age="20" address="北京市朝阳区朝阳街道"></my-row> <my-row name="王五" sex="男" age="22" address="北京市海淀区西二旗街道"></my-row> </view> ``` ```css .table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 14px; color: #333; } .row { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ccc; } .header { font-weight: bold; background-color: #f5f5f5; } .cell { flex: 1; padding: 10px; text-align: center; } /* 跨行单元格 */ .cell.rowspan { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f5f5f5; z-index: -1; } ``` ```js // 子组件代码 <template> <view class="row"> <view class="cell">{{ name }}</view> <view class="cell">{{ sex }}</view> <view class="cell">{{ age }}</view> <view class="cell" style="width:100px;"> <view v-show="!rowspan">{{ address }}</view> <view v-show="rowspan" class="cell rowspan">{{ address }}</view> </view> </view> </template> <script> export default { props: { name: String, sex: String, age: String, address: String, rowspan: { type: Number, default: 1 } } } </script> ``` 以上是一个简单的实现方式,具体还需要根据实际情况进行调整。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值