一、filters与v-html联合使用
这个问题的话这篇博客说的还是比较简洁易懂的https://blog.csdn.net/oucqsy/article/details/75099037不清楚的话可以直接去看
二、uni-app代码被编译,节点照样不能被正常渲染
- 这里最终还是将 filters 转换成了 methods 使用
<template>
<view>
<!-- 这里就是最重要的 -->
{
{
'', temp = numFn(num)}} <!-- 前面的空串主要是不要在页面渲染数据,后面的赋值语句是执行的,但是temp千万不要和 $data里面的内容重复 -->
<text :class="temp > 0 ? 'red' : 'green'">{
{
temp}}</text>
<!-- 这样处理的话,就可以只调用一次方法,并且重复使用了, 方法有点野,但是解决问题了 -->
</view>
</template>
<script>
export default {
data() {
return {
num: 3}
},
methods: {
numFn(num) {
let number = num + 3;return number;}
},
}
</script>
<style lang="scss" scoped>
.red {
color: red;}
.green {
color: green;}
</style>