filters与v-html联合使用(uni-app代码被编译，节点照样不能被正常渲染：解决)

一、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>